Geek UI/UX Showcase
テック層を魅了するプレミアムなインタラクション
フロントエンド技術の極みを示す、遊び心あふれるUIコンポーネントを体験してください。
1. Magnetic Button
カーソルに吸い付く物理演算ボタン。
効果: スプリングアニメーション
2. Holographic Card
傾きに連動する3Dホログラム。
効果: ジャイロ・マウストラッキング
✨
Premium Card
カードを傾ける
3. Scratch Card
削って隠されたコンテンツを表示。
効果: キャンバスクリッピング
ドラッグで削る
🎉 Congratulations!
4. Pull to Refresh
モバイルライクな引っ張って更新。
効果: スプリングダイナミクス
💡 下方向へドラッグ
5. Confetti
紙吹雪のパーティクルエフェクト。
効果: キャンバスパーティクル
6. AI Chat
ストリーミング形式のチャットUI。
効果: タイプライターエフェクト
🤖 メッセージを送信 (右下のアイコンをクリック)
7. Tap Ripple
マテリアルデザインの波紋効果。
効果: CSSスケール変形
👆 任意の場所をクリック
8. Before/After Slider
2つの状態をシームレスに比較。
効果: Clip-path操作
Before
After
スライダーをドラッグ
9. Spotlight Reveal
懐中電灯のようにテキストを浮かび上がらせる。
効果: 円形グラデーションマスク
Spotlight Target
テキストにホバー
10. Text Scramble
サイバーパンク風の文字デコード。
効果: ランダム文字置き換え
--------
11. Konami Code
隠されたイースターエッグ。
効果: キーシーケンス検知
上上下下左右左右BAを入力
(Password: BOSS)