Webデザイナー向け

Webデザイン補助

150以上のコンポーネントを備えたFigma/Sketch用のUIキット・「Deca」
ジェネレーター

色に関する問題を解決してくれる様々なツールを公開している・「Dopely Colors」
JavaScript

軽量で非依存のカスタマイズ可能なパーティクル生成ライブラリ・「tsParticles」
Ads
Webデザイン補助

CC0で配布される250以上のコンポーネントを有したfigmaやXD、Skech向けのワイヤーフレームキット・「Bloo」
ジェネレーター

任意の画像にCSSとSVGによるフィルターをプレビューを見ながら作成できる・「CSS Filters Generator」
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」
次のページ