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

ジェネレーター

好みのフレームワークやツールを選んで導入できるwebpackやParcelのboilerplateジェネレーター・「Create App」
複合/その他

シンプルさとカスタマイズ性の高さでUI設計をサポートするフロントエンドライブラリ・「Xtend UI」
複合/その他

TailwindとAntDesignにインスパイアされたオープンソースのUIコンポーネントライブラリ・「Supabase UI」
Ads
CSS/HTML

軽量、シンプルで使いやすく様々なユーティリティも備えられたCSSフレームワーク・「Beercss」
JavaScript

three.jsを使った3Dなアニメーション背景を簡単に作成、設置できるライブラリ・「Vanta.js」
編集ツール

SvelteでWebアプリ開発する方の為のオープンソースIDE・「sVelocity」
JavaScript

高速かつシンプルで使いやすいJavaScriptアニメーションライブラリ・「luge」
Webデザイン補助

JavaScriptを使ったWebアプリの設計を改善するためのパターンやヒント、コツをまとめた・「Patterns.dev」
JavaScript

ブックマークレットも用意されている、引用文を綺麗に見やすくスタイリングするライブラリ・「Quotebacks」
JavaScript

ツールチップやポップオーバー、ドロップダウンなどのフローティングエレメントを完全制御する為のJavaScriptライブラリ・「Floating UI」
ソフトウェア

素早くドキュメントサイトをMarkdownで作成、運用できるオープンソースのドキュメント生成ツール・「docs.page」
JavaScript

パフォーマンスを重視した高速で軽量なカルーセル/スライダーライブラリ・「Swiffy Slider」
複合/その他

Vue.jsとTailwind.cssで設計されたオープンソースの管理画面テンプレート・「Aatrox」
フレームワーク

アクセシブルなモバイルアプリを構築する為のデザインファーストなUIキット・「Pearl UI」
CSS/HTML

シンプルなUIで見やすく使いやすいオープンソースのTailwind.css製の管理画面テンプレート・「Windster」
JavaScript

カレンダーサービスに任意のイベントを追加するボタンを設置する為のJavaScript・「Add-to-Calendar Button」
プログラミング補助

HTMLのタグ内に含めて良いタグかどうかを教えてくれる、HTMLタグのネスト可否チェックツール・「Can I Include」
JavaScript

50以上のUIコンポーネントを提供する、モダンなWebアプリケーションを構築するためのOSS・「PoemKit」
プログラミング補助

JavaScriptのコードスニペットのパフォーマンスを比較できるチェックツール・「HASTY」
ソフトウェア

CodePenやJSFiddleにインスパイアされたHTML/CSS/JavaScriptのコードを実行できるOSSデスクトップアプリ・「Code Box」
プログラミング補助

1つのページで複数のJavaScriptコードスニペットを個別に実行できるWebアプリ・「CodeSnippet.Run」
JavaScript

モダンで柔軟なデザインシステムを提供するオープンソースのReact UIライブラリ・「Semi UI」
次のページ