Hero Library

Explore 20 beautiful, modern, animated hero sections — crafted in pure black & white using Next.js 16, Tailwind CSS, Inter, and Framer Motion.

Minimal

/heroes/minimal

Blur Glow

/heroes/blur-glow

Split Layout

/heroes/split

Image Overlay

/heroes/image-overlay

Video Background

/heroes/video

Glassmorphism

/heroes/glass

Product / E-commerce

/heroes/product

Tech / Terminal

/heroes/tech

Neon Minimal

/heroes/neon

Cinematic

/heroes/cinematic

Video Cinematic

/heroes/video-cinematic

Video Split

/heroes/video-split

Call To Action

/heroes/cta

Centered Layout

/heroes/centered

Feature Grid

/heroes/feature-grid

Newsletter

/heroes/newsletter

Showcase

/heroes/showcase

Stacked

/heroes/stacked

Stats

/heroes/stats

Hero with Nav

/heroes/with-nav