35 k vues
Design World
Design World : section hero animée pensée pour une expérience 3D/WebGL, construite avec React, Tailwind CSS.
Build a high-performance, agency-grade 3D section called "Design World" in React 19, TypeScript, and Tailwind CSS with Framer Motion. ## 1. Overview & Visual Objective Create an ultra-refined, interactive 3D with cinematic transitions and smooth spring physics. Visual Aesthetics & Mood: design-world-hero;creative agency design studio portfolio experimental web design futuristic digital art interactive 3d hero black monochrome full-screen canvas glass cube refractive prism chromatic dispersion oversized stacked headline explore new ideas bold poppins typography central 3d object draggable rotation inertia idle spin slider navigation circular arrow controls vertical pagination dots minimal top navigation geometric logo white-on-black 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
