Production-ready React blocks built with Tailwind CSS and shadcn/ui. Copy, paste, and customize for your next project.
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.
legal1
Displays a cookie notification with accept, reject, and customize buttons. Perfect for GDPR-compliant websites requiring user consent.
legal2
Shows privacy policy content with expandable accordion sections for each topic. Perfect for organizing lengthy privacy policies into scannable segments.
legal3
Displays key terms with color-coded icons for allowed, prohibited, and important points. Perfect for presenting condensed terms before user acceptance.
legal4
Lists user data rights (access, rectify, erase, restrict, export) with request buttons. Perfect for GDPR compliance portals allowing users to exercise their rights.
legal5
Shows DPA details with controller/processor parties, dates, and processing purposes. Perfect for displaying B2B data processing contracts with status badges.
legal6
Displays cookie categories with toggle switches to manage consent preferences. Perfect for allowing users to customize their privacy settings granularly.
legal7
Shows a disclaimer message with warning or info styling and last updated date. Perfect for displaying liability warnings and informational notices.
legal8
Displays an age verification prompt with configurable minimum age and confirm/deny buttons. Perfect for age-restricted content or product pages.
legal9
Shows copyright notice, trademark attributions, and links to legal pages. Perfect for website footers requiring comprehensive legal information.
legal10
Guides users through DMCA submission with numbered steps and warnings. Perfect for copyright protection pages accepting infringement reports.
legal11
Displays regulatory requirements with checkmarks, progress bar, and completion percentage. Perfect for showcasing compliance status across multiple standards.
legal12
Shows NDA details with type (mutual/unilateral), duration, and key terms covered. Perfect for presenting confidentiality agreement summaries with download options.
legal13
Displays license type with allowed permissions and limitations in checkmark format. Perfect for open-source projects or software documentation pages.
legal14
Shows certification badges in a grid with verified checkmarks and in-progress states. Perfect for trust pages displaying security and compliance credentials.