
Webデザイナー向け


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

SVGのパスを作成、操作できるオープンソースのSVGパスエディター・「SvgPathEditor」
