Minimalist React Hero with Motion
Minimalist, high-end React hero section using Tailwind CSS v4 and the Motion library. Ideal for saas landing pages, ferramentas de gestão remota, startups premium, produtos digitais high-end. AI-ready template.
Use case: SaaS landing pages, Ferramentas de gestão remota, Startups premium, Produtos digitais high-end
Historical Context
Inspirado no design editorial moderno de SaaS premium como Linear, Vercel e Raycast. Combina tipografia serifada com sans-serif, vídeo de fundo com gradiente e micro-animações para criar uma experiência de hero section sofisticada e conversível.
Technical Specs
Colors
Primary
Secondary
Effects
Vídeo de fundo invertido verticalmente (scaleY(-1)), gradiente branco sobreposto (from-[26.416%] to-[66.943%]), animações staggered fade-and-slide-up via Motion library, sombra multi-camada no botão CTA (inset shadows), input com sombra suave (0px 10px 40px 5px)
Light/Dark
✓ Full / ✗ No
Related
Last synced: 4/1/2026