
36 k vues
Glass Orb
Glass Orb : section hero animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS.
Build a high-performance, agency-grade Threejs section called "Glass Orb" in React 19, TypeScript, and Tailwind CSS with Framer Motion. ## 1. Overview & Visual Objective Create an ultra-refined, interactive Threejs with cinematic transitions and smooth spring physics. Visual Aesthetics & Mood: terranova-deep-green;research collective ecology environmental science nature data sensors climate open research organization single-screen no scroll full-bleed iridescent soap bubble glass sphere video near-white bright studio backdrop dark text on light real-time refractive liquid glass card canvas duplicate with svg turbulence displacement chromatic aberration rainbow fringing frosted inner sheen large rounded corners hand-drawn waveform graphic chamfered cut-corner outline button thin vertical rules with plus marks light helvetica typography slide-in cream menu drawer staggered links calm scientific airy elegant iridescent tactile experimental refined luminous minimal ## 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


.webp)