Shadcn.io is not affiliated with official shadcn/ui
About Video Split
A split-panel video block for React and Next.js with video placeholder area, PlayCircle icon, key topics list, duration badge, watch now CTA, and divide-x layout built with shadcn/ui and Tailwind CSS
Pair compelling video content with context using this split-panel video block for React and Next.js. Features a left-side video placeholder with centered PlayCircle icon, and a right panel with video title, description, duration badge, key topics list, and a watch now CTA button. Built with TypeScript, shadcn/ui Badge and Button components, motion/react entrance animations, and Tailwind CSS. Perfect for about pages, product tours, and founder story sections.
Related Components
Image Overlay
Full-width image with text overlay
Two Column
Two-column layout with stats
Alternating
Zigzag content layout
Story Centered
Centered narrative story
Founder Letter
Letter from the founder
Origin Story
Company founding narrative
FAQ
Was this page helpful?
Sign in to leave feedback.
Values Slider
An interactive values slider block for React and Next.js with prev/next navigation, directional horizontal slide animations, practice examples, value metrics, and dot pagination built with shadcn/ui and Tailwind CSS
Vision Statement
A centered vision statement block for React and Next.js with large editorial text, strategic pillars, time horizon footer, and fade-scale entrance animations built with shadcn/ui and Tailwind CSS