Webデザイナー向け

ジェネレーター

CSS Gridをノーコードで視覚的にレイアウトできるオープンソースのWebアプリ・「Gridzzly」
JavaScript

スクロールに合わせた美しい画面切り替えアニメーションを簡単に作成できるオープンソースのReact向けライブラリ・「SectionFlow」
複合/その他

shadcn/ui同様にコピペで導入できるオープンソースのReactコンポーネントのコレクション・「Spark UI」
Ads
複合/その他

Meta社が実際にアプリ開発に利用してきた、160以上のコンポーネントのAIエージェント対応オープンソースデザインシステム・「Astryx」
JavaScript

スクロールに応じてSVGパスやその他の要素をアニメーション化できる非依存の軽量ライブラリ・「svg-scroll-draw」
ソフトウェア

無料で使える軽量なTauri + React製のデスクトップ向けMarkdownネイティブなカンバンボード管理ツール・「KamKan」
その他

500以上のSVGアイコンを用意、あらゆるプロジェクトに対応できるよう設計されたオープンソースのアイコンセット・「Next Icons」
検索エンジン

15以上のアイコンライブラリから5万点以上のアイコンを用意したMCP対応アイコン検索システム・「Iconstack」
ソフトウェア

アプリやツールなど自社製品の使い方を動画で伝える為の製品エクスペリエンスプラットフォーム・「LiveDemo」
ジェネレーター

IDEのテーマをデザインできるAI機能付きテーマビルダー・「Themery」
Webデザイン補助

任意のWebサイトからデザインプリミティブを抽出し、デザイントークンを生成できるようにするCLI付きエージェントスキル・「extract-design-system」
検索エンジン

5000以上の様々なブランドのロゴをSVGで公開、各フレームワークもサポートしたブランドロゴ検索アプリ・「theSVG」
最適化ツール

様々なファイル形式の画像や動画のファイルサイズを縮小できるオープンソースのCLI・「Optimo」
ソフトウェア

AIによる類似カラーの提案機能も付いたオープンソースのWCAG準拠チェックが可能なWebカラーツール・「Smart Color Contrast Assistant」
CSS/HTML

モーションファーストなCSSフレームワーク・「AliveUI」
複合/その他

再利用しやすく構造化されたコンポーネントシステムを提供するTailwind向けフレームワーク・「Hummingbird」
複合/その他

Base UIをベースにHCTカラーシステム等を使ってデザインされたオープンソースのReactコンポーネントライブラリ・「Olyx UI」
複合/その他

3×3の9マスに遅延効果を加えたシンプルで多彩なCSS+JavaScriptアニメーションインジケーター集・「3 Pixel Grid」
ジェネレーター

ログインもメールアドレスも不要で無料で使えるNotionスタイルの似顔絵AIツール・「caricature.life」
CSS/HTML

ユーティリティクラスを備えたCLIファーストなCSSフレームワーク・「Yumma CSS」
複合/その他

モダンでクリーンなスタイルのUIにスムーズなアニメーションを付与したUIコンポーネント集・「VengeanceUI」
その他

Lucideアイコンをmotionライブラリでアニメーション化したReact向けアイコンセット・「AnimateIcons」
次のページ