✨ UIリデザインデモ
新しいデザインシステムのコンポーネント展示
🎨 グラデーションシステム
Primary Gradient
Accent Gradient
Vibrant Gradient
🔘 アニメーションボタン
🎴 インタラクティブカード
3Dホバーカード
マウスを乗せると3D変形します。マウスの位置に応じて傾きが変わります。
グローカード
ホバー時に紫のグロー効果が現れます。エレガントな印象を与えます。
フローティングカード
常に浮遊アニメーションが適用されています。目を引く効果があります。
📜 スクロールトリガー
このセクションはスクロールで表示されます。
Intersection Observerを使用した効率的な実装です。
🌌 パララックス効果
スクロールに応じて異なる 速度で動きます
通常のコンテンツ（パララックスなし）
✨ キネティックテキスト
Wave Effect
This text waves when triggered!
Typewriter Effect
|
Glitch Effect (Hover me)
GLITCH TEXT
Gradient Text
Beautiful Gradient Animation
🍱 Bento Grid レイアウト
Featured Item
This is a large featured item that spans multiple columns and rows.
🚀
Fast Performance
Optimized for speed with GPU acceleration.
🎨
Beautiful Design
Modern and elegant UI components.
📱
Responsive
Works perfectly on all devices.
Wide Layout Item
This item spans across multiple columns for emphasis.
⚡
Lightning Fast
Built for performance.
🎭 アニメーションユーティリティ
Hover Lift
Hover Grow
Hover Glow
Pulse