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

クラスレスでHTML要素に基本的なスタイルを適応するCSS・「Bamboo CSS」

コードを画像化してダウンロードできるWebアプリ・「Ray.so」

Intercomなどのように顧客とのコミュニケーションの場を提供するオープンソースのライブチャットアプリ・「Chatwoot」

Ads

シンプルなUIのモダンなwysiwygエディタを構築するためのオープンソースのツールキット・「bangle.dev」

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

ダミーの画像やテキストを提供するweb components・「</placeholders>」

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

ユーティリティファーストなCSSを設計するためのCSS変数を提供する・「Pollen」

セキュアでシンプルなオープンソースのパスワードジェネレーター・「passwrd.in」

React.js/Bootstrapベースのオープンソースの管理画面テンプレート・「Volt React」

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

コードスニペットをフォルダで管理したりカスタマイズ可能なスクリーンショットを撮ったりembedも出来るスニペット管理ツール・「CodeKeep」

任意のWebサイトのJavaScriptの構文をチェックし、最新の構文に書き換えた場合のサイズやパフォーマンスなどを計算してくれるOSSのチェックツール・「ES timator」

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

開発者向けに作られたオープンソースのオンラインブックマークツール・「bookmarks.dev」

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

ブラウザのタブでHTML/CSS/JavaScriptを書いて実行できる拡張機能・「HTML New Tab」

Web制作者やマーケター向けのアプリをプライバシー重視の代替アプリとして提供されたOSSを探せる・「Open Source Stash」

軽量で拡張的な非依存のカルーセルライブラリ・「Tiny-Swiper」

Three.jsを使ってマネキンに任意のポーズで表現できるスクリプト・「mannequin.js」

CSS-Tricksによるコーディングに最適なフォントのまとめ・「Coding Fonts 」

プログラミング向けの様々なフォントを、実際にコードを書いて試せる・「Dev Fonts」