DesignLayer
機能タブショーケース
コンポーネント一覧へ戻る
これは何か
タブがスライドし、製品画面がバネのような動きで切り替わるLPの機能紹介セクション。自動で次のタブに進みます。
Verified Technical Spec
- アニメーション
- Framer Motion
- Reduced motion
- 確認済み
- キーボードフォーカス
- 確認済み
- 対応環境
- Tailwind CSS v3.4 + v4 · React 19 / Next.js 15 App Router + Vite / Remix 対応
含まれるもの
- ソースを Cursor / Claude に渡してエージェントに組み込める
- スマートフォン・タブレット・パソコン対応
- React · TypeScript · Tailwind CSS · Motion の完成 UI
依存パッケージ
- React 19.0.0
- Typescript 5.7.2
- Tailwindcss 3.4.16
- Motion 12.42.2
技術スタック
- React
- TypeScript
- Tailwind CSS
- Motion
バージョン 1.0.0