Webデザイナー向け

編集ツール

任意の画像内の特定のオブジェクトの色を変更できるAIベースのカラーツール・「Recolor」

カスタマイズ性が高く高速なオープンソースのVue3コンポーネントライブラリ・「Naive UI」
Webデザイン補助

CSSとHTMLだけで作れる様々なUIのコードを公開しているCSSスニペットコレクション・「CSS Stock」
Ads
JavaScript

簡単な設定で実装できるスクロール連動アニメーションライブラリ・「Trig.js」
CSS/HTML

オープンソースで公開されているTailwind.cssベースの管理画面テンプレート・「TailAdmin」
フレームワーク

設定に合わせたデザイントークンを発行できるオープンソースのデザインシステムフレームワーク・「mirrorful」
編集ツール

Stable Diffusionを使用した、3Dポーズエディター機能付きのAI画像生成ツール・「Plask」
検索エンジン

多種多様なAIツールから目的のツールを探せるコレクションサイト・「TOOLSPEDIA」
その他

シンプル且つ汎用的で使いやすそうな300以上のアイコンのセット・「Extra Thicc Icons」
ジェネレーター

任意のプロンプトからHTMLとCSSを生成してその場でプレビュー出来る・「AI CODE」
Webデザイン補助

FigmaやFigjamのテキスト入力にChatGPTを使えるFigmaプラグイン・「FigGPT」
フレームワーク

Tailwind.cssベースのモダンでスッキリしたスタイルの、オープンソースのUIコンポーネントとWebサイトのテンプレートのコレクション・「Float UI」
ジェネレーター

GPT-3.5モデルを採用した、任意のテキストプロンプトに従ってカラーパレットを生成するAIカラーアプリ・「AI Colors」
CSS/HTML

ダークモードの切り替えを行うアニメーションエフェクト付きのトグルボタン集・「Theme Toggles」
ジェネレーター

専用のデータテーブルに入力するだけでグラフを作成、デザイン編集もその場で可能なWebアプリ・「Graphy」
検索エンジン

15万以上ものアイコンから任意のキーワードで検索できるアイコン用サーチエンジン・「Iconhunt」
ジェネレーター

ChatGPTを使ってTailwind.cssのコンポーネントを生成できる・「ChatGPT Tailwind Components」
CSS/HTML

Tailwind.cssとAlpine.jsで作られた161ものUIやレイアウトを無償公開している・「Windstatic」
ジェネレーター

入力した文章に合わせたTailwind用のカラーパレットを生成するWebアプリ・「Palette」
検索エンジン

Todoやスケジューラー、カンバンなど、生産性を向上させるためのアプリケーション等をコレクションしている・「Productiveness」
ジェネレーター

デザイナーがよく使う配色/使わない配色の切り替えが可能なカラーパレットツール・「poolors」
ジェネレーター

日本語キーワードも対応したAIベースの国産カラーパレットジェネレーター・「ColorMagic」
次のページ