.webp)
12 k vues
Album App
Album App : page complète animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS, TypeScript.
Build a high-performance, agency-grade Music section called "Album App" in React 19, TypeScript, and Tailwind CSS with Framer Motion. ## 1. Overview & Visual Objective Build a full-screen music album carousel page. Single-page React + TypeScript + Vite + Tailwind CSS app. Use `lucide-react` for icons only (ChevronLeft, ChevronRight, ArrowLeft). No other dependencies. Import Google Fonts Inter (weights 300, 400, 500, 700). Body uses `font-family: 'Inter', sans-serif` and `overflow: hidden`. Visual Aesthetics & Mood: fullscreen music album carousel five color-themed slides deep magenta and rich hues large uppercase album titles track lists album cover art swipe navigation immersive moody music-driven bold rich dramatic stylish ## 2. Technical Stack & Dependencies - Framework: React 19 + TypeScript + Vite - Styling: Tailwind CSS v4 + Lucide React icons - Animation Engine: Framer Motion (layout animations, spring physics, scroll-linked parallax)
Débloquer le Prompt Studio à vie
18 lignes masquées : architecture complète, classes Tailwind, animations et intégration vidéo.
Accès illimité à tous les prompts · Studio inclus · Paiement unique
- Typographies
- Inter
.webp)
.webp)
.webp)