Design Tools
CSS generators and design tools.
角丸CSS生成
CSS border-radiusをビジュアルに生成。各コーナーを個別に調整しCSSコードをコピー。
カラースケール生成
色相に基づいたカラースケールを生成。単色の明度・彩度バリエーションを一覧表示。
CSSアニメーション
CSSアニメーションを視覚的に作成・プレビュー。キーフレームとプロパティを調整。
CSS Cubic Bezier
イージングカーブをインタラクティブに編集。グラフ上のハンドルをドラッグして調整。
Flexbox プレイグラウンド
CSS Flexboxのプロパティをビジュアルに実験。リアルタイムでレイアウトを確認。
フォントペアリング
見出しと本文のフォント組み合わせをプレビュー。美しいウェブフォントペアを提案。
グラスモーフィズム生成
ガラス風のCSS効果を生成。背景のぼかしと透明度を調整してリアルなガラス表現を作成。
CSS Grid ジェネレーター
CSS Gridレイアウトをビジュアルに生成。列・行・ギャップを調整してコードを出力。
ニューモーフィズム生成
ニューモーフィズムデザインのCSSを生成。影と色でソフトな立体UI効果を作成。
シャドウパレット
美しいbox-shadowのパレットを一覧表示。プリセットからワンクリックでコピー。