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

検索エンジン

開発者やデザイナー、マーケター、ライターなど向けのツールを無料で使えるもののみ収集している・「Mr. Free Tools」

フレームワーク

Svelteで高パフォーマンスなWebアプリを構築するための公式フレームワーク・「SvelteKit」

ソフトウェア

PHPで書かれたオープンソースのミニマルな静的サイトジェネレーター・「Humanizer」

Ads
ジェネレーター

Web上での様々な活動に貢献してくれそうな無料ツールを大量に公開している・「1Tools」

JavaScript

非依存で使えるオープンソースのモジュール式データ可視化のためのJavaScriptフレームワーク・「Unovis」

編集ツール

Tailwind.css+ Alpine.jsのコードをプレビューとエディター付きで探せる・「Windl」

フレームワーク

ダークモードやナビゲーションバーも用意されている10kbほどの軽量なクラスレスCSS・「Bahunya」

ソフトウェア

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

ソフトウェア

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

その他

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

その他

開発者やマーケター、デザイナー等に有益なツールやリソースを探せる・「Resource.fyi」

ソフトウェア

任意のURLを入力するだけでCSSを解析し、品質をチェックしてくれるオープンソースのWebアプリ・「CSS Code Quality」

ソフトウェア

カラーピッカーやルーラー、テキスト編集や要素の移動や削除、コード抽出などを任意のWebページで実行できるOSSの開発者向けブラウザ拡張・「SuperDev」

JavaScript

スクロールに連動した演出をサポートするオープンソースの軽量スクロールライブラリ・「Lenis」

JavaScript

Intro.jsのようなWebサイトのツアーを実装するオープンソースのJSライブラリ・「TourGuide.js」

ソフトウェア

デザインシステムの為のオープンソースのスターターキット・「kickstartDS」

CSS/HTML

必要最低限だけ用意されたclass-lessな軽量スタイルシート・「Bolt.css」

ソフトウェア

Next.jsのためのオープンソース静的CMS・「Outstatic」

フレームワーク

ReactベースのCRUDアプリを構築するためのオープンソースのヘッドレスWebアプリケーションフレームワーク・「refine」

ソフトウェア

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

JavaScript

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

その他

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