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


SVGやJPG等の画像の最適化、JSON/JS/TS/CSSなどのフォーマット、カラーコード変換などフロントエンド開発をサポートするツールをページ移動せずに使えるWebアプリ・「Frontend Toolkit」

軽量で非依存のカスタマイズ可能なパーティクル生成ライブラリ・「tsParticles」

Tailwind.cssベースのクリーンでミニマルなオープンソースの管理画面テンプレート・「Cleopatra」

コードを書くと結果が即反映されるCodepenやjsfidleのようなHTML/CSS/JavaScripteコード実行ツール・「Codeist」

AirtableやTiktok、Spotify、1Password等、人気のアプリのオープンソースクローンを沢山集めたリスト・「Clone Wars」

Airtableの代替として開発されたオープンソースのオンラインデータベース・「Baserow」

仮想キーボードを実装する非依存で軽量なJavaScriptライブラリ・「Simple-keyboard」

ログインやユーザー登録不要で任意のコードスニペットを管理できるシンプルなブラウザ拡張・「Snippy」

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

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

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

シンプルな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」
