
フロントエンドエンジニア向け


モダンで美しいオープンソースのTailwind.cssコンポーネント集・「Ripple UI」

開発者やデザイナー、マーケター、ライターなど向けのツールを無料で使えるもののみ収集している・「Mr. Free Tools」

Svelteで高パフォーマンスなWebアプリを構築するための公式フレームワーク・「SvelteKit」

PHPで書かれたオープンソースのミニマルな静的サイトジェネレーター・「Humanizer」

Web上での様々な活動に貢献してくれそうな無料ツールを大量に公開している・「1Tools」

非依存で使えるオープンソースのモジュール式データ可視化のためのJavaScriptフレームワーク・「Unovis」

Tailwind.css+ Alpine.jsのコードをプレビューとエディター付きで探せる・「Windl」

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

チームで使うためのオープンソースのナレッジベースWebアプリ・「Outline」

ブラウザで動作するUIにこだわったオープンソースのJSONビューア・「JSON Hero」

Material Designの原則に従ってデザインされたオープンソースのアイコンライブラリ・「Circum」

開発者やマーケター、デザイナー等に有益なツールやリソースを探せる・「Resource.fyi」

任意のURLを入力するだけでCSSを解析し、品質をチェックしてくれるオープンソースのWebアプリ・「CSS Code Quality」

カラーピッカーやルーラー、テキスト編集や要素の移動や削除、コード抽出などを任意のWebページで実行できるOSSの開発者向けブラウザ拡張・「SuperDev」

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

Intro.jsのようなWebサイトのツアーを実装するオープンソースのJSライブラリ・「TourGuide.js」

デザインシステムの為のオープンソースのスターターキット・「kickstartDS」

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

Next.jsのためのオープンソース静的CMS・「Outstatic」

ReactベースのCRUDアプリを構築するためのオープンソースのヘッドレスWebアプリケーションフレームワーク・「refine」
