
25 k vues
Lunar Carousel
Lunar Carousel : section hero animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS.
Build a high-performance, agency-grade Draggable section called "Lunar Carousel" in React 19, TypeScript, and Tailwind CSS with Framer Motion. ## 1. Overview & Visual Objective Create an ultra-refined, interactive Draggable with cinematic transitions and smooth spring physics. Visual Aesthetics & Mood: `orbitals-darkmoon;space exploration lunar base game sci-fi mission platform aerospace launch entertainment streaming dark navy black starfield with thin orange orbital arc lines and dotted node markers angled tilted photographic carousel panels of a lunar surface relay tower rocket launch satellite dish moon surface giant heavy condensed uppercase display title bottom-left grey uppercase subcopy small orange dot and grey tag chip white outlined pill ascend cta circular outlined prev next arrow buttons thumbnail filmstrip selector boxed logo lockup cinematic sci-fi immersive technical hud dramatic bold high contrast` ## 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


