Production-ready React blocks built with Tailwind CSS and shadcn/ui. Copy, paste, and customize for your next project.
cta50
Split layout with two images divided diagonally, each slowly panning in opposite directions. Creates a bold editorial feel with smooth animation.
cta51
Two vertical image columns scrolling in opposite directions frame the centered call-to-action content. Creates a dynamic gallery wall effect.
cta52
Interactive horizontal strips mixing images and videos that expand on hover, revealing labels and descriptions with staggered slide-up animation. Smooth flex-based transitions.
cta53
Looping background video behind a frosted glass content card with badge, heading, description, and action buttons. Creates an immersive, cinematic feel.
cta54
Two-column layout with content on the left and a looping video on the right. Features badge, heading, feature list, and action buttons alongside an embedded video panel.
cta55
Ultra-wide cinematic video background with a dark gradient overlay. Content is positioned over the video for an immersive, movie-trailer-style hero section.
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.
devtools1
Interactive REST API endpoint reference with method badges, expandable parameter details, and response types. Grouped by resource.
devtools2
Real-time webhook event log with delivery status indicators, expandable JSON payloads, and response time tracking.
devtools3
Code block with language tabs (JavaScript, Python, cURL, Go) and Shiki syntax highlighting. Dark theme with copy-to-clipboard and active tab indicator.
devtools4
Application error tracking feed with severity indicators, occurrence counts, and source locations. Summary pills show error distribution.
devtools5
Interactive feature flag management with toggle switches, rollout progress bars, and environment badges.
devtools6
Terminal-style structured log viewer with level filtering. Color-coded INFO, WARN, ERROR, and DEBUG entries with timestamps and source labels.
devtools7
API documentation cards showing response examples with color-coded status badges. Headers section, JSON body with copy button, success/error variants.
devtools8
API key management panel with masked credentials, reveal/copy controls, scope badges, and active/revoked status indicators.
devtools9
Timeline-style database migration tracker with applied, pending, and failed status indicators. Shows migration names, descriptions, and timestamps.
devtools10
Scheduled task manager showing cron expressions, last/next run times, duration, and active/paused/failed status indicators.