Webデザイナー向け
SVGベースのモダンなカラーピッカーを実装する非依存の軽量JavaScriptライブラリ・「iro.js」
jsfiddleやCodepenのようにブラウザでJavaScriptを実行テストできるオープンソースのWebアプリ・「Editor」
JavaScript製のオープンソースなガントチャートライブラリ・「Frappe Gantt」
任意の画像から美しいカラーパレットを自動生成、エクスポートできる・「ColorKitty」
CMSやフレームワークとの統合を目的としたブロックベースのコンテンツエディタ・「Hyper Editor」
日本にも対応のシンプルな印刷用カレンダーを作れる・「Calendar Generator」
軽量でレスポンシブ対応の、classを使わないCSSフレームワーク・「Water.css」
Markdownでナレッジを共有できるプラットフォーム・「CodiMD」
ログインページや値段表、コンタクトフォームなどのUI/UXをより良くするためのチェックリスト・「Checklist Design」
アクセシビリティツールやデザインバージョン管理、モックアップや3Dモデリングなど、様々なデザイナーに役立ちそうなツールやリソースのまとめ・「Awesome Design Tools」
サンプルのUIを確認しながらカラースキームを作成、様々なコードでエクスポートできる・「Geenes」
よく見かけるCSSアニメーションエフェクトのスニペットコードをコピーできる・「CSSeffectsSnippets」
任意のWebサイト等のスクリーンショットを、簡易的なモックアップ画像に変換してくれる・「mockdowns」
オープンソースのアバターイラスト作成ジェネレーター・「Avataaars Generator」
スクロールに応じて要素にアニメーションエフェクトを付与できるシンプルで軽量なスクリプト・「lax.js」
プレーンテキストでデータを入力すると自動でチャートを生成してくれるWebアプリ・「FastCharts」
色とアクセシビリティの関係について、インタラクティブな操作で体感しながら学べる・「Color.review」
オープンソースのGoogle Image Charts代替・「QuickChart」
座標とタイムスタンプのデータをJSONで渡すとGoogleマップ上でその経路をアニメーション表示してくれるスクリプト・「maps-journey-replay」
どんなデバイスでも適切なフォントサイズにしてくれるスタイルシート・「RFS」