47 k vues
Hover Ink
Hover Ink : section hero animée pensée pour un portfolio, construite avec React, Tailwind CSS.
Build a high-performance, agency-grade Creative section called "Hover Ink" in React 19, TypeScript, and Tailwind CSS with Framer Motion. ## 1. Overview & Visual Objective Create an ultra-refined, interactive Creative with cinematic transitions and smooth spring physics. Visual Aesthetics & Mood: imagine-hero;creative studio experimental interactive webgl liquid reveal balloon typography video background artistic portfolio agency landing page off-white paper black ink oversized centered headline 100vh full-screen kinetic cursor interaction gooey trail metaball reveal dripping droplets smear distortion inflated chrome foil gold foil red latex holographic opal neon lime pastel satin surreal playful tactile immersive motion design difference blend UI ## 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
