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

ジェネレーター

ダミーの人物情報の生成やダミー画像、Base64コンバーターなど地味に便利なツールを公開している・「Minimal Toolkit」
JavaScript

チャット風のフォームを実装できるスクリプト・「chatty-form」
JavaScript

任意の要素に好みのエフェクトを付与できるシンプルなJavaScriptライブラリ・「party.js」
Ads
ソフトウェア

任意のリンク集を本棚のようなレイアウトで作成、公開できるOSSのWebアプリ・「shelf.gg」
ソフトウェア

他サービスとの統合も可能な、日程調整をサポートするオープンソースのCalendly代替・「Calendso」
編集ツール

Githubのreadme.mdをプレビューで確認しながら編集し、ダウンロードできる・「Repository.md」
最適化ツール

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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