A library of production-ready React blocks built with Tailwind CSS and shadcn/ui. Copy, paste, and customize for your next project.
cta56
Three media cards (images and videos) in a row, each with a hover-reveal label overlay. CTA content sits above the grid for a portfolio-style showcase section.
cta57
Large circular video mask with a gentle floating animation alongside CTA content. The clipped video creates an eye-catching organic focal point.
cta58
A 2x2 grid of looping videos playing simultaneously behind a semi-transparent overlay card. Creates a dynamic, energetic backdrop for the call-to-action.
cta59
Centered CTA content above a continuously scrolling horizontal strip of looping video thumbnails. Creates an energetic, dynamic showcase feel.
cta60
Staggered horizontal bars slide away in alternating directions on hover, revealing a looping video behind them like opening window blinds. Text transitions to white for readability over the video.
cta61
Split layout with a video card featuring a rotating conic gradient border and gentle floating animation. A glowing backdrop adds depth behind the video.
cta62
Two videos divided by a diagonal clip-path line with a frosted glass content card overlaid in the center. Bold, cinematic composition.
cta63
Asymmetric bento-style grid with one large video spanning two rows alongside two stacked smaller videos. CTA content sits above the grid.
cta69
Full-bleed monochrome closing CTA with a giant scrolling marquee behind a single centered seal button.
cta70
An oversized editorial CTA with a left-weighted heading, a pinned seal button, and a ruled baseline with monospace index marks.
cta71
A quiet, gallery-like CTA centered inside a bordered frame with corner tick marks, eyebrow, oversized heading, and a single pill action.
cta72
A monochrome newsletter CTA band pairing an oversized statement with an inline email-capture form and a reassurance note.
cta73
A closing call to action on a soft panel, pairing an eyebrow, light heading, paragraph, and two accent buttons with an image tile that floats a live agenda micro-asset.
cta74
A centered call to action with an eyebrow pill, a large light heading, a short paragraph, and two accent buttons on a clean surface.
cta75
A split call to action pairing an eyebrow, light heading, paragraph, and two accent buttons with an image tile that floats a live team message thread.
cta76
A centered call to action led by a floating plan price card on an image tile, followed by an eyebrow, a large light heading, a paragraph, two accent buttons, and a monospace reassurance note.