42 k vues
Performance Run
Performance Run : section hero animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS.
Build a high-performance, agency-grade Fitness section called "Performance Run" in React 19, TypeScript, and Tailwind CSS with Framer Motion. ## 1. Overview & Visual Objective Create an ultra-refined, interactive Fitness with cinematic transitions and smooth spring physics. Visual Aesthetics & Mood: runpulse-hero;running analytics fitness sports app health tracking training full-bleed background video runner close-up reflective orange sunglasses left-aligned copy frosted glass translucent pill navbar backdrop blur mobile hamburger blurred overlay staggered link reveal white text on video monochrome clean sans-serif italic serif logo accent athlete logo row social proof strava apple health sporty athletic fresh energetic minimal modern polished airy confident ## 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
