Production-ready React blocks built with Tailwind CSS and shadcn/ui. Copy, paste, and customize for your next project.
hero97
Fullscreen bottom-aligned hero with vertical stack cards and inset background video with gradient overlay
hero98
Cinematic hero with announcement pill, avatar social proof, and overlapping dashboard media
hero99
Cinematic fullscreen hero with scrolling marquee keyword band over inset background video
hero100
Fullscreen hero with centered content and browser window frame mockup over inset background video
hero101
Fullscreen split hero with content left and realistic terminal/CLI card right over inset background video
hero102
50/50 split hero with content left and vertical numbered timeline overlay on video right
hero103
Fullscreen hero with app store buttons and phone mockup over inset background video
hero104
Split hero with heading, trust line, and CTA buttons on the left, IDE file-tree and code editor mockup on the right
hero105
Fullscreen hero with two overlapping angled phone mockups and app store buttons over inset background video
hero106
Fullscreen hero with centered phone mockup flanked by feature columns on each side over inset background video
hero107
Fullscreen split hero with content left and 3D perspective-tilted phone mockup right over inset background video
hero108
Fullscreen hero with phone mockup, star rating review card, and app store buttons over inset background video
hero109
Contained 16:9 hero carousel with badge, title, description, and CTA over an image background. Auto-rotates with centered, clickable dots at the bottom — same carousel engine as hero19 but not full-height.
hero110
Contained 16:9 hero carousel with badge, title, description, and CTA. Vertically centered content that anchors to the left, center, or right via the contentAlign prop. Auto-rotates with centered, clickable dots.
hero111
Two-column hero with heading, description, icon-only feature list, and CTA on one side and a square image on the other. Image position is configurable.