Docs

Creative SaaS Hero Block

Creative SaaS Hero Showcase

High-impact SaaS hero section with glassmorphism pill badge, dual action CTAs, and a high-resolution Unsplash photo banner.

>npx @shavin/ui add block-hero-saas-creative

Creative Gradient Showcase

When to Use & Guidelines

  • Use as the primary hero section above the fold for marketing landings and product launches.
  • Pairs glassmorphism badge elements with high-impact Unsplash visual photography.
  • Includes primary fill CTA ("Start Building Free") alongside secondary outline documentation link.
Configure Theme
Theme
Accent Color
Custom
Gray Family
Appearance
Radius
Scaling
Panel Style
Heading Font
Body Font