Components AI は月間 8,516 訪問、前月比成長率 -18.9%、料金体系無料を記録しています。Magic Gradient は月間 7,148 訪問、成長率 +26.6%、料金体系無料を記録しています。
コードなしでパラメトリック／ジェネラティブなデザインシステムを構築できるオープンソーススタジオ
CSS・Tailwind・SVG をすぐコピーできるAIグラデーション生成ツール
| 項目 / 指標 | ||
|---|---|---|
| 公式ドメイン | components.ai | magicgradient.com |
| 料金モデル | 無料 | 無料 |
| 月間訪問数 | 8516 (8,516) | 7148 (7,148) |
| 前月比トラフィック増減 | -1987 (-18.9%) | +1500 (+26.6%) |
| 主要市場とシェア | 🇮🇳 インド (38.7%) | 🇺🇸 アメリカ合衆国 (38%) |
| 月間ダイレクト訪問数 | 3186 | 2858 |
| ユーザー評価 | 4.3 | 4.2 |
| 対応プラットフォーム | ウェブサイト | ウェブサイト |
コードなしでパラメトリック／ジェネラティブなデザインシステムを構築できるオープンソーススタジオ
パラメータを調整し、気に入った値をロックして、生成されるデザイン案を循環させながら最適解を探せます。
既存サイトの URL を指定すると CSS を解析し、色・書体・モーション・シャドウ・余白をデザイントークンとして抽出します。
コントラストを考慮したカラースケール、レスポンシブなタイプスケール、レイヤードシャドウの専用ジェネレーターを提供します。
React、JS、JSX、JSON、SVG、PNG、HTML、CSS、CSS カスタムプロパティ、Sass に対応します。
CSS・Tailwind・SVG をすぐコピーできるAIグラデーション生成ツール
テーマや雰囲気を入力すると、それに合う多段グラデーションと各色の16進コードが返り、そのままコピーできます。
ユーザーのいいね順に並んだグラデーションを閲覧でき、柔らかなパステルから高コントラストのモノクロまで揃います。
プレーンCSSや、テキスト・ボタン・背景用の Tailwind CSS ユーティリティクラスとして使える値を生成します。
速度・方向・色を調整できる滑らかなCSSアニメーショングラデーションを作成できます。
編集可能なキャンバスとデザインエージェントを備えたプロ向けサイトビルダー
UX Pilot is an AI UX/UI design tool that turns prompts, sketches or PRDs into editable wireframes, high-fidelity screens, screen flows and ready-to-build code.
UX Pilot is an AI UX/UI design tool that turns prompts, sketches or PRDs into editable wireframes, high-fidelity screens, screen flows and ready-to-build code.
テキスト・カラーコード・画像から作れる無料のAIカラーパレット生成ツール
PaletteHunt is an online personal color analysis studio that turns a single selfie into a full seasonal color report. It identifies your undertone and best-fit season, returns a 30-color palette, and then lets you preview those colors on your own photo — through AI photoshoots, virtual hair color, makeup and outfit try-ons, plus a chat-based AI stylist.
PaletteHunt is an online personal color analysis studio that turns a single selfie into a full seasonal color report. It identifies your undertone and best-fit season, returns a 30-color palette, and then lets you preview those colors on your own photo — through AI photoshoots, virtual hair color, makeup and outfit try-ons, plus a chat-based AI stylist.
プロンプトを本番品質のUIに変えるAIネイティブ設計ワークスペース
あなたの好みを学ぶAIカラーツール
実際のデザインモックアップで色を確認できるAI配色ジェネレーター
HueHive is an AI-powered color palette generator that turns a simple prompt or reference into ready-to-use color schemes. It includes customization options and accessibility insights so designers can build palettes that work for web, product, and brand design.
HueHive is an AI-powered color palette generator that turns a simple prompt or reference into ready-to-use color schemes. It includes customization options and accessibility insights so designers can build palettes that work for web, product, and brand design.
デザイナー品質の UI コンポーネントと完成アプリを、既存スタックへ直送
