デザインパターン
UIパターンとその実装例の紹介
Button Pattern
ユーザーアクションのための対話的な要素
Dreamy Sky Background Animation
A charming animated background featuring floating 3D hearts and stars with soft pink lighting. This component creates an ethereal atmosphere with cloud-like textures, smooth animations, and particle lifecycle management. Perfect for romantic or playful web applications.
Card Pattern
関連コンテンツをグループ化する汎用的なコンテナ
魅力的なデザインカード
洗練されたホバーエフェクトと優れた視覚的フィードバックを備えたモダンなカードコンポーネント。あなたのコンテンツをエレガントに表示します。
Modern Hover Card
An interactive card component with smooth hover animations and image support. Perfect for showcasing content with visual feedback.
Input Pattern
様々な状態を持つフォーム入力要素
Please open & hover!
Move your cursor around
Drip Effect
An interactive component that generates liquid-like effects in response to mouse movements. Features smooth particle animations and cursor tracking to create an immersive visual experience with dynamic path generation using GSAP animations.