UI Design Hub
配色・CSS・レイアウトの作業を高速化。すべてブラウザ内で完結し、データはサーバーに送信されません。
スタイル調整とコード生成を同時に行えるツール。
CSSのlinear-gradient、radial-gradient、conic-gradientを視覚的に作成。リアルタイムプレビューでコードを即コピー。
CSSのbox-shadowを視覚的に作成。複数レイヤー対応、Material Design・Neumorphismプリセット付き。リアルタイムプレビューでコードを即コピー。
CSSコードを見やすく整形・圧縮。構文チェック付きでエラー箇所も表示。
HTMLコードを見やすく整形・圧縮。タグの閉じ忘れなどの構文チェック付き。
配色設計や画像からの色抽出に使えるツール。
HEX・RGB・HSLカラーコードを相互変換。カラーピッカー付き。
写真から主要色を自動抽出し、HEXでコピーできる。
InstagramやXなどのサイズに合わせて一括出力。
日本語のダミーテキスト（Lorem Ipsum）を自動生成。Webデザインの仮文に。