Blocks.so

Overview

Blocks.so is a free, MIT-licensed library of application building blocks by Ephraim Duncan, built with React, Tailwind CSS and shadcn/ui. The registry holds 82 blocks focused on product interfaces rather than marketing pages, and works with any React framework.

Blocks are installed with the shadcn CLI after adding the @blocks-so registry to components.json, or directly by URL, for example https://blocks.so/r/login-01.json. The site shows each block with a live preview in light and dark mode.

Features

• AI and chat: Five AI component blocks and three chat blocks.
• Dialogs: 12 dialog blocks.
• Stats: 15 stats blocks, some with Recharts charts.
• Auth and onboarding: Nine login and signup blocks and seven onboarding flows.
• App layout: Six sidebar blocks, a dashboard, grid lists and four command menus.
• Forms and files: Five form layouts and six file upload blocks.
• Tables: Five table blocks, including one built on TanStack Table.

Tech stack

• React, Next.js, Tailwind CSS, shadcn/ui
• lucide-react, Tabler Icons, Recharts, cmdk, react-dropzone, sonner

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @blocks-so/component-name