
17 k vues
Stridr
Stridr : section hero animée pensée pour une expérience 3D/WebGL, construite avec React, Tailwind CSS.
Build a high-performance, agency-grade Interactive section called "Stridr" in React 19, TypeScript, and Tailwind CSS with Framer Motion. ## 1. Overview & Visual Objective Create an ultra-refined, interactive Interactive with cinematic transitions and smooth spring physics. Visual Aesthetics & Mood: stridr-hero;creative digital engineering studio project orchestration brand identity editorial collage photography full-screen orange stage layered image clusters scattered photo cards kinetic cursor interaction proximity parallax scaling custom white cursor oversized condensed italic typography skewed headline central circular enter universe CTA warm cream accents burnt orange dark brown ink glassmorphism navigation ## 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


