Development · Web app
blocks.so
Open-source copy-paste UI blocks built with shadcn/ui and Tailwind CSS
blocks.so is a free collection of production-ready React UI components built on top of shadcn/ui and Tailwind CSS. It provides pre-styled blocks for complex patterns like file uploads, AI chat, sidebars, and onboarding flows with code previews and direct v0 export. It helps developers quickly assemble web interfaces without building common layouts from scratch.
What it's for
- Copy ready-to-use file upload dropzones and progress bars into React projects
- Assemble authentication, dashboard, or onboarding layouts using shadcn/ui
- Export UI blocks directly into v0 to prototype interfaces faster
Features
- Over 60 pre-built React components across categories like AI chat, dialogs, forms, and tables
- Toggle between responsive live preview and raw component code
- Direct integration to open and edit blocks in v0
- Built with Tailwind CSS, Next.js, and shadcn/ui primitives
- Light and dark mode preview support
Pricing
Free and open source
Details
- Type
- Web app
- Category
- Development
- Topic
- UI Components
- Open source
- Yes
- Platforms
- Web
- For
- Frontend developers and designers building React or Next.js web applications
- Alternative to
- shadcn/ui, Tailwind UI, HyperUI, Sailboat UI
- Tags
- react, shadcn, tailwind, components, ui blocks, frontend
Why it was saved
- @ephraimduncan: Ready-made polished UI blocks (file upload flows, grid lists, link cards) with code view and Open in v0.
Compare
Related
Copy-paste React UI components built with Tailwind CSS and Radix primitives.
Pre-built, responsive shadcn/ui blocks and layouts for React applications
Open-source animation library for React, Vue, and vanilla JavaScript
Open-source animated and interactive React UI components and backgrounds
Curated directory of crafted React, Tailwind, and shadcn UI components.
Open-source animated React icons built with Lucide and Motion
Updated