3,6 k vues
Jelly Garden
Jelly Garden : 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 "Jelly Garden" 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: jelly-garden-hero;interactive 3d soft-body jelly playground webgl experimental creative coding procedural graphics playful product experience glossy gummy fruit shapes kiwi strawberry tulip lemon watermelon floating jelly objects physics simulation wobble drag drop slice knife interaction soft hard modes clean off-white radial gradient oversized black typography layered canvas editorial layout pill controls rounded white buttons subtle shadows minimal interface studio lighting translucent glossy ## 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
