ジェネレーター Webデザイナー向け
ジェネレーター CSS/HTML 独自属性で任意のHTML要素に様々なアニメーション遷移エフェクトを付与できるスタイルシート・「transition.css」
ジェネレーター 任意のCSSアイコンから別のCSSアイコンへの遷移アニメーションのコードを提供する・「CSS ICON animate」
編集ツール 立方体で作るボクセルアートを簡単な操作で作成、公開できる・「VOXELCANVAS」
CSS/HTML Tailwind.cssベースのクリーンでミニマルなオープンソースの管理画面テンプレート・「Cleopatra」
インスピレーション さまざなデザインシステムのUIコンポーネントサンプルを収集している・「The Component Gallery」
CSS/HTML 大量のコンポーネントが用意されたTailwindベースのUIキット・「TUK」
その他 ダミーのテキスト、画像、動画をそれぞれURLで提供する・「ipsm.io」
ジェネレーター ユニークなSVG背景を簡単に作成できるWebアプリ・「Haikei」
ソフトウェア プレーンテキストでフローチャートを作成できるシンプルなOSSのフローチャート作成アプリ・「flowchart.fun」
その他 カスタマイズしてダウンロードできるオープンソースのシンプルなSVGアイコンセット・「HOLA SVG」
ソフトウェア Vue.jsとBootstrapで作られたサーバーレスなオープンソースの請求書作成ツール・「Serverless Invoices」
編集ツール Tailwind.cssを使ったプロトタイプをノーコードで作れるWebアプリ・「Karacks」
JavaScript 仮想キーボードを実装する非依存で軽量なJavaScriptライブラリ・「Simple-keyboard」
CSS/HTML クラスレスでHTML要素に基本的なスタイルを適応するCSS・「Bamboo CSS」
インスピレーション Webサイトやアプリなどのデザイン時に有益なツールやリソースのまとめサイト・「Evernote.Design」
CSS/HTML データ可視化に貢献するチャートCSSフレームワーク・「Charts.css」
ソフトウェア 個人向けに開発されたオープンソースのプロジェクト管理ツール・「Condution」
その他 Web制作や各アプリなど様々なプロジェクトで使えるオープンソースのアイコンプロジェクト・「olicons」
JavaScript 設定が一切不要でページロード中にプログレスバーを自動で実装してくれるスクリプト・「pace.js」
検索エンジン 商用でも使えるSVGアイコンのセットを大量に収集、検索できる・「SVG Repo」
ソフトウェア