Beautiful, production-ready landing page components. Copy, paste, and customize for your next project.

Product

All Components
Hero Sections
Pricing
Features
Testimonials

Resources

About
Documentation(Soon)
Changelog(Soon)

Legal

Privacy Policy
Terms of Service

© 2026 Monet. All rights reserved.

Built with Next.js, Tailwind CSS, and shadcn/ui

Hero Components (247) | React UI Library | Monet

hero Components

Above-the-fold landing sections with headlines and CTAs

247 components available

Language

Style

modern221

minimal137

light-theme128

sans-serif111

dark-theme92

gradient90

serif82

bold53

elegant48

colorful43

Layout

centered158

full-width115

responsive100

single-column92

split-layout68

two-column51

card-grid36

left-aligned28

Industry

saas185

startup101

enterprise67

creative63

ai59

fintech58

agency25

e-commerce22

Language

한국어

English

日本語

runwayml-com-hero-0

runwayml-com-hero-0

light-thememodernfull-width

heroEnglish

fin-ai-capabilities-hero

fin-ai-capabilities-hero

dark-thememoderntwo-column

heroEnglish

conversion-marketing-hero

conversion-marketing-hero

light-thememoderncentered

heroEnglish

fin-ai-hero

fin-ai-hero

dark-themeelegantcentered

heroEnglish

fin-ai-tasks-hero

fin-ai-tasks-hero

dark-thememodernsplit-layout

heroEnglish

github-security-hero

github-security-hero

dark-thememoderncentered

heroEnglish

audience-segmentation-hero

audience-segmentation-hero

light-thememoderntwo-column

heroEnglish

fin-ai-financial-service-hero

fin-ai-financial-service-hero

dark-thememoderncentered

heroEnglish

fin-ai-insights-hero

fin-ai-insights-hero

dark-themegradientleft-aligned

heroEnglish

github-hero

github-hero

dark-themegradientcentered

heroEnglish

trackit-so-hero-0

trackit-so-hero-0

light-thememoderncentered

hero한국어

relate-kr-hero-1

relate-kr-hero-1

light-thememoderncentered

hero한국어