20 k vues
Kairo Studio
Kairo Studio : section hero animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS.
Build a high-performance, agency-grade Reveal section called "Kairo Studio" in React 19, TypeScript, and Tailwind CSS with Framer Motion. ## 1. Overview & Visual Objective Create an ultra-refined, interactive Reveal with cinematic transitions and smooth spring physics. Visual Aesthetics & Mood: kairo-studio-hero;asian-inspired porcelain art cultural studio poetic editorial luxury minimal interactive webgl experience cream paper background cobalt blue watercolor cloud white ceramic dragon blue gold kintsugi reveal cursor trail organic paint effect drifting ink diffusion oversized italic serif typography rise gently layered composition dragon foreground text behind floral corner decoration blue white peonies top navigation letter-spaced ## 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
