# 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.

Website: https://blocks.so/

## What it is 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](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- 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, 7 April 2025](https://x.com/ephraimduncan/status/1909254871754105274): Ready-made polished UI blocks (file upload flows, grid lists, link cards) with code view and Open in v0.

## Compare

- [Alternatives to Tailwind UI](https://xiry.app/alternatives/tailwind-ui.md)
- [Alternatives to shadcn/ui](https://xiry.app/alternatives/shadcn-ui.md)

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/blocks-so

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.