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.
OpenShadcnBlocks
Feature blocks ready to ship with shadcn/ui
OpenShadcnBlocks ships production-ready React sections built with Tailwind CSS and shadcn/ui. Pick a block, preview it with your theme, then paste it in or install with the shadcn CLI.
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.
Features
Build faster with production ready features
Every component is built with React, Tailwind CSS, and shadcn/ui. Copy, paste, and customize to match your brand in minutes.
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.
Case studies
A horizontal carousel of customer stories with full-bleed imagery, company logos, and focused summaries.
