
CSS3


shadcn/uiやTailwindのテーマのカラーをプレビューを見ながら作成出来るWebアプリ・「UI Colorful」

非依存で設定等もJavaScriptも不要、HTML要素にクリーンなプリセットスタイルを適用するCSSフレームワーク・「matcha.css」

AstroとBulma.cssで設計されたオープンソースのブログテンプレート・「Astro Minimal」

1つのHTML要素とCSSだけで作れる様々なスタイルの吹き出しを作るためのコードをコピーできる・「CSS Generators: Tooltips & Speech Bubbles」

Tailwind.cssとの併用も可能な、ミニマルで汎用的なCSSコンポーネント・「Winduum」

1つのHTML要素で実装できるCSSローダーのコードを500以上紹介している・「CSS Loaders」

CSSとHTMLだけで作れる様々なUIのコードを公開しているCSSスニペットコレクション・「CSS Stock」

オープンソースで公開されているTailwind.cssベースの管理画面テンプレート・「TailAdmin」

Tailwind.cssのためのオープンソースのモダンなUIコンポーネントライブラリ・「Sailboat UI」

ダークモードやナビゲーションバーも用意されている10kbほどの軽量なクラスレスCSS・「Bahunya」

スクロールに連動した演出をサポートするオープンソースの軽量スクロールライブラリ・「Lenis」

デザイントークンを作成し、まとめてCSS変数にしてくれる・「Design Tokens Generator」

マウスの動きに応じて輝くホログラフを実装できる・「pokemon-cards-css」

必要最低限だけ用意されたclass-lessな軽量スタイルシート・「Bolt.css」

CSS変数ベースで一貫したデザインのコンポーネント構築できるCSSフレームワーク・「Open Props」

1つのdiv要素で作れる実用的なCSSローダーのコレクション・「one `div` loaders」

見やすいUIで編集も可能な用語集ページを作成できるHTML/CSS/JavaScriptテンプレート・「Glossary Page Template」

様々なタイプのCSSアニメーションを、その場で動作確認し、コードをコピーできる・「AnimatiSS」

Sassベースの軽量でモダンなオープンソースCSSデザインシステム・「Spruce」

class属性を利用するCSSライクなデザインエンジン・「Master Styles」
