OpenShadcnBlocks
React & TypeScript
Typed React components you can drop into your app, line up with your path aliases, and ship through the same TypeScript checks and bundler you already use.
Feature blocks ready to ship with shadcn/ui
Tailwind CSS
Utility-first styling on Tailwind v4 tokens so spacing, color, and radii follow your config and CSS variables instead of a separate styling layer.
Shadcn UI Components
Built from the same registry pieces you install with the shadcn CLI—buttons, cards, dialogs, and more—with Radix primitives where accessibility counts.
Build faster with production ready features
Full Source Code
Every block ships as plain React you own. No runtime dependency, no SDK lock-in, just copy and customize.
Responsive Design
Every block adapts seamlessly from mobile to desktop with Tailwind's mobile-first utility classes.
Customizable
Override any prop, swap icons, adjust spacing — every block is designed to be extended, not locked down.
Production Ready
Battle-tested in real projects. No placeholder hacks, no lorem ipsum — clean code you can ship today.
Case studies
A horizontal carousel of customer stories with full-bleed imagery, company logos, short summaries, and links to explore the collection.
