Webデザイナー向け

CSS/HTML

モダンなCSSを使ったレイアウトのコードスニペットを紹介する・「SmolCSS」
その他

汎用的に使えるスケーラブルな200以上のオープンソースアイコンセット・「Majesticons」
JavaScript

すごくシンプルで使いやすい非依存型の画像拡大鏡スクリプト・「js-image-zoom」
Ads
複合/その他

CSSやJavScript等の便利なコードスニペットを収集している・「DevSamples」
ジェネレーター

ヘッダに良く使われるアニメーションする背景を簡単に作れる・「Free Animated Headers」
その他

開発者やデザイナー向けのツールやリソースを収集している・「Dev Resources」
その他

クレジット表記も不要で自由に使えるオープンソースのイラスト配布プロジェクト・「Illustration Kit」
ジェネレーター

すりガラス風のCSSを、プレビューで確認しながらコードを生成できる・「Glassmorphism」
その他

ブラウザで処理するプライバシーに配慮したオープンソースのJPEG最適化ツール・「JPEG.rocks」
CSS/HTML

高速開発を意識して開発されたミニマリストの為のCSSフレームワーク・「Luxa CSS」
CSS/HTML

論文ライクなレイアウトのclassを使わないクラスレスなスタイルシート・「Tufte CSS」
JavaScript

タッチデバイスにも対応した、要素を複数選択できるようにするスクリプト・「Selecto.js」
ソフトウェア

ドラッグ&ドロップでHTMLメールを作れるオープンソースのHTMLメールエディタ・「Unlayer email-editor」
ジェネレーター

様々なパターン背景をカスタマイズしてダウンロードできる・「Vector Pattern Generator」
その他

動画クリエイター向けにクオリティの高いBGMを無料配布する・「Uppbeat」
CSS/HTML

Tailwind.css向けに用意された200以上のオープンソースなコンポーネントのセット・「Tail-Kit」
編集ツール

ドラッグ&ドロップと簡単な編集作業でTailwind.cssベースのWebサイトを作れるオンラインページビルダー・「Tails」
CSS/HTML

学習コストをなるべくかけずに習得できるよう設計された、沢山のコンポーネントやユーティリティを含むCSS Gridベースのフロントエンドフレームワーク・「Axentix」
CSS/HTML

JavaScriptやフレームワーク等への依存がない、純粋なHTML/CSSで作られた無料のランディングページのテンプレート集・「Uisual」
編集ツール

任意のWebページの見た目をカスタマイズできるオープンソースのブラウザ拡張・「Stylebot」
CSS/HTML

classを組み合わせて任意のアニメーションエフェクトを作れるCSSアニメーション用スタイルシート・「AnimXYZ」
フレームワーク

アクセシビリティやカスタマイズ性を重視したWebアプリ向けのOSSなUIコンポーネントライブラリ・「Radix UI」
次のページ