Blocks

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

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

PRO

hero97

Bottom-Aligned Hero with Stack Cards

Fullscreen bottom-aligned hero with vertical stack cards and inset background video with gradient overlay

PRO

hero98

Cinematic Hero with Social Proof

Cinematic hero with announcement pill, avatar social proof, and overlapping dashboard media

PRO

hero99

Fullscreen Hero with Marquee Ticker

Cinematic fullscreen hero with scrolling marquee keyword band over inset background video

PRO

hero100

Fullscreen Hero with Browser Mockup

Fullscreen hero with centered content and browser window frame mockup over inset background video

PRO

hero101

Split Hero with Terminal Card

Fullscreen split hero with content left and realistic terminal/CLI card right over inset background video