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

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

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

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

Ads

開発者やマーケター、デザイナー等に有益なツールやリソースを探せる・「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」

Webサイトやアプリケーション等の他言語化をサポートする翻訳ソリューション・「eclypse」

HTMLやCSSをSVGに変換するためのオープンソースのライブラリ・「Satori」

アプリやWebサイト開発等に役立つツールを大量にコレクションしている・「Uneed.best」

ブラウザで任意の要素をクリックするだけでIDEを起動して該当のコードに移動してくれる拡張機能・「Locator.js」

パフォーマンス重視でReact専用として作られたオープンソースのStorybook代替・「Ladle」

ダークテーマを重視したオープンソースのUIパターンとコンポーネントのコレクション・「Dracula UI」

Webサイトの任意の要素をクリックするだけでその場で編集できるTailwind向けでWebテキストエディター・「Impulse」

Visual Studio Codeで使うコードスニペットを管理できるデスクトップアプリ・「CodeSpeedy」

アナリティクス機能がビルトインされたオープンソースのBitly代替・「Dub」

macのdevutilsやWindowsのdevtoysのようなマルチユーティリティツールをクロスプラットフォーム対応にしたOSS・「DevTools-X」