
Webデザイナー向け


立方体で作るボクセルアートを簡単な操作で作成、公開できる・「VOXELCANVAS」

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

さまざなデザインシステムのUIコンポーネントサンプルを収集している・「The Component Gallery」

大量のコンポーネントが用意された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ライブラリ・「Simple-keyboard」

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

Webサイトやアプリなどのデザイン時に有益なツールやリソースのまとめサイト・「Evernote.Design」

データ可視化に貢献するチャートCSSフレームワーク・「Charts.css」

個人向けに開発されたオープンソースのプロジェクト管理ツール・「Condution」

Web制作や各アプリなど様々なプロジェクトで使えるオープンソースのアイコンプロジェクト・「olicons」

設定が一切不要でページロード中にプログレスバーを自動で実装してくれるスクリプト・「pace.js」

商用でも使えるSVGアイコンのセットを大量に収集、検索できる・「SVG Repo」

SVGの編集や最適化、変換、管理や検索が可能なSVG管理デスクトップアプリ・「SVGX」

モダンなCSSを使ったレイアウトのコードスニペットを紹介する・「SmolCSS」
