Blocks/Hero

Production-ready React blocks built with Tailwind CSS and shadcn/ui. Copy, paste, and customize for your next project.

PRO

hero71

Pricing Preview Hero

Centered hero with prominent price display, period label, and horizontal feature checklist. Perfect for freemium products and pricing-focused landing pages.

PRO

hero72

Browser Screenshot Hero with Notifications

Centered hero with perspective browser mockup, floating notification cards at corners, and star rating badge. Perfect for SaaS products and web apps.

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.

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

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

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

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

hero80

Cinematic Hero with Overlapping Media

Centered hero with inset background media and overlapping product image

PRO

hero81

Fullscreen Hero with Quick-Access Cards

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

PRO

hero82

Left-Aligned Hero with Gradient Overlay

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

PRO

hero83

Bottom-Aligned Hero with Quick Links

Bottom-aligned fullscreen hero with inset background media and right-side quick link 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

hero85

Fullscreen Hero with Floating Testimonials

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

PRO

hero86

Fullscreen Hero with Logo Cloud

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

PRO

hero87

Floating Glassmorphism Card Hero

Fullscreen hero with centered glassmorphism card floating over inset background video

PRO

hero88

Lead Capture Hero with Email Input

Fullscreen hero with email capture input over inset background video

PRO

hero89

Reverse Split Hero with Testimonial

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

PRO

hero90

Stacked Hero with Media Top

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

PRO

hero91

Split Hero with Feature List Panel

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

PRO

hero92

Split Hero with Bento Feature Grid

50/50 split hero with content left and bento feature grid overlay on video 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

hero94

Reverse Split Hero with Pill Grid

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

PRO

hero95

Fullscreen Hero with Bento Grid

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

PRO

hero96

Split Hero with Metric Dashboard

50/50 split hero with content left and metric dashboard cards with trend badges over video right