Retour au catalogue
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.

Offre de lancement

Accès illimité à tous les prompts · Studio inclus · Paiement unique

Références similaires