Hero

Hero

A centered hero section with gradient background, badge, headline, and dual CTAs.

$npx shadcn@latest add https://vitreumui.netlify.app/registry/hero.json

Build your SaaS landing page block by block

A library of professionally designed, production-ready blocks. Mix, match, and deploy in minutes — no design skills required.

Browse blocks See examples

Lifetime access · No recurring fees · Use on unlimited projects

More variants

Additional layouts and styles for this block type.

Hero 2

Pro
Premium landing page blocks

Build your SaaS landing page block by block

A library of professionally designed, production-ready blocks. Mix, match, and deploy in minutes — no design skills required.

Browse blocks See examples

Lifetime access · No recurring fees · Use on unlimited projects

Unlock this variant with the Pro or Team plan
View plans

Hero 3

Pro
Now available — lifetime access

Build landing pages
at lightspeed

A library of premium, production-ready blocks. Copy, paste, and deploy in minutes. No design skills. No subscription fees.

Get lifetime access See it in action
✓ 20+ blocks✓ Lifetime updates✓ Unlimited projects
Unlock this variant with the Pro or Team plan
View plans

Hero 4

Pro
Used by 500+ teams

Ship beautiful landing pages in hours, not weeks

Stop fighting with CSS. Our blocks are production-ready, responsive, and beautifully designed.

Start building Explore blocks
Unlock this variant with the Pro or Team plan
View plans