
42 k vues
Specimen
Specimen : 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 "Specimen" 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: fossil-atlas;dinosaur paleontology natural history museum encyclopedia species catalog education reference 3d specimen viewer warm sand beige parchment background three-column app layout left sidebar nav with line icons and species counts centered interactive 3d dinosaur model with drag-to-rotate 360 control zoom and lighting tool buttons scale bar right detail panel with elegant serif species name italic latin binomial outlined tag chips body paragraph geological period timeline bar key traits list with dotted leaders habitat note close-up detail card specimen thumbnail cards along the top monospace small caps labels italic serif caption scholarly editorial museum tactile warm refined calm scientific polished ## 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


