📐
Flexbox/Grid レイアウト
視覚的なGUIでレイアウトコードを生成
☁️
box-shadow ジェネレーター
複数レイヤーの美しい影を直感的に作成
✨
モダンUI ジェネレーター
グラスモーフィズム対応の美しいUIコード出力
🎞️
CSSアニメーション生成
@keyframes のコードをGUI出力
🖼️
SVG背景パターン生成
Data URI変換＆軽量化の背景作成
🔺
CSS三角形ジェネレーター
borderだけでCSS三角形・矢印を生成、コード即コピー
⬜
CSS border-radius ジェネレーター
8つの値をGUIで操作してblob形状も作成、CSSコード即コピー
🔤
文字サイズ・行間プレビュー
font-size/line-height/letter-spacingをリアルタイムプレビュー
🎨
SVGアイコン検索
Lucide・Heroiconsを横断検索してSVGコードをコピー
フィードバックを送信
ツールをより良くするためのご意見をお聞かせください。
フィードバックを送信しました。ご協力ありがとうございます！
エラーが発生しました。しばらく経ってから再度お試しください。
現在、フィードバックの受付を一時停止しています
サーバーが混み合っているか、スパム防止のための安全装置が作動しています。しばらく経ってから再度アクセスしてください。