Blocks/Hero(146)

Eye-catching hero sections to make a strong first impression.

97–120 of 146

Block	Title	Category	Access	Install
hero95	Fullscreen Hero with Bento Grid	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero95`
hero94	Reverse Split Hero with Pill Grid	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero94`
hero93	Asymmetric Split Hero with Quick Links	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero93`
hero92	Split Hero with Bento Feature Grid	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero92`
hero91	Split Hero with Feature List Panel	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero91`
hero90	Stacked Hero with Media Top	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero90`
hero89	Reverse Split Hero with Testimonial	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero89`
hero88	Lead Capture Hero with Email Input	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero88`
hero87	Floating Glassmorphism Card Hero	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero87`
hero86	Fullscreen Hero with Logo Cloud	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero86`
hero85	Fullscreen Hero with Floating Testimonials	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero85`
hero84	Split Hero with Edge-to-Edge Media	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero84`
hero83	Bottom-Aligned Hero with Quick Links	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero83`
hero82	Left-Aligned Hero with Gradient Overlay	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero82`
hero81	Fullscreen Hero with Quick-Access Cards	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero81`
hero80	Cinematic Hero with Overlapping Media	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero80`
hero51	Split Hero with 3D Tilt Effect	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero51`
hero50	Centered Hero with Announcement Pill	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero50`
hero79	Split Hero with Avatar Social Proof	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero79`
hero78	Centered Hero with Founder Social Proof	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero78`
hero77	Calendar Schedule Hero	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero77`
hero76	Kanban Board Hero	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero76`
hero75	Team Chat App Hero	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero75`
hero63	Changelog Hero with Updates List	Hero	Free	`npx shadcn add https://ui.beste.co/r/hero63`

PRO

hero95

Fullscreen Hero with Bento Grid

Fullscreen hero with centered heading and 4-column bento feature grid over inset background video

PRO

hero94

Reverse Split Hero with Pill Grid

Reverse split hero with compact 3x2 pill grid over video left, content right

PRO

hero93

Asymmetric Split Hero with Quick Links

40/60 asymmetric split hero with narrow content panel and vertical quick links over video

PRO

hero92

Split Hero with Bento Feature Grid

50/50 split hero with content left and bento feature grid overlay on video right

PRO

hero91

Split Hero with Feature List Panel

50/50 split hero with muted content panel and feature list left, video/image right

PRO

hero90

Stacked Hero with Media Top

Vertical split hero with video/image on top and content section below

PRO

hero89

Reverse Split Hero with Testimonial

50/50 split hero with video/image left and content with testimonial quote right

PRO

hero88

Lead Capture Hero with Email Input

Fullscreen hero with email capture input over inset background video

PRO

hero87

Floating Glassmorphism Card Hero

Fullscreen hero with centered glassmorphism card floating over inset background video

PRO

hero86

Fullscreen Hero with Logo Cloud

Cinematic fullscreen hero with inset background video and trusted-by logo strip

PRO

hero85

Fullscreen Hero with Floating Testimonials

Cinematic fullscreen hero with inset background video and floating glassmorphism testimonial cards

PRO

hero84

Split Hero with Edge-to-Edge Media

50/50 split hero with content left and edge-to-edge video/image right with checklist items

PRO

hero83

Bottom-Aligned Hero with Quick Links

Bottom-aligned fullscreen hero with inset background media and right-side quick link cards

PRO

hero82

Left-Aligned Hero with Gradient Overlay

Left-aligned fullscreen hero with inset background media and directional gradient overlay

PRO

hero81

Fullscreen Hero with Quick-Access Cards

Cinematic fullscreen hero with inset background media and glassmorphism quick-access cards

PRO

hero80

Cinematic Hero with Overlapping Media

Centered hero with inset background media and overlapping product image

PRO

hero51

Split Hero with 3D Tilt Effect

Two-column hero with interactive image card that tilts in 3D on mouse movement with shine effect. Perfect for showcasing premium or interactive products.

PRO

hero50

Centered Hero with Announcement Pill

Clean centered hero with clickable announcement banner pill above the heading with sparkle icon. Perfect for product launches and feature announcements.

PRO

hero79

Split Hero with Avatar Social Proof

Two-column hero with avatar stack social proof positioned above action buttons alongside featured image. Perfect for startup and team-focused products.

PRO

hero78

Centered Hero with Founder Social Proof

Centered hero with avatar stack and founder count text between buttons and featured image. Perfect for startup products and B2B SaaS.

PRO

hero77

Calendar Schedule Hero

Split-layout hero with weekly calendar mockup showing events, attendees, and floating reminder notification. Perfect for scheduling and calendar apps.

PRO

hero76

Kanban Board Hero

Split-layout hero with interactive kanban board mockup showing tasks with priorities, tags, assignees, and floating completion stats. Perfect for project management tools.

PRO

hero75

Team Chat App Hero

Split-layout hero with full chat interface mockup featuring channels sidebar, message threads, online users, and floating notification. Perfect for collaboration and messaging apps.

FREE

hero63

Changelog Hero with Updates List

Centered hero with checklist of recent updates showing new badges and completion icons. Perfect for changelog pages and product update announcements.