@blocks-so

Free, open-source collection of 60+ shadcn/ui application blocks covering login, dialogs, sidebars, stats, AI chat, command menus, file upload, form layouts, grid/list views, onboarding, and tables — all with live previews. Built with React, Tailwind CSS, and Next.js, accessible by default via Radix UI. Use for: grabbing polished, functional app-shell blocks (auth screens, sidebars, dashboards) that go beyond pure marketing sections.

60 components react shadcn-cli MIT

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://blocks.so/r/registry.json

pnpm pnpm dlx shadcn@latest add https://blocks.so/r/registry.json

bun bunx shadcn@latest add https://blocks.so/r/registry.json

fetch registry curl -s https://blocks.so/r/registry.json

Components

60 total

AI Chat with Voice Input block

A ai chat with voice input block.

npx shadcn@latest add https://blocks.so/r/ai-01.json

AI Chat with Model Selection block

A ai chat with model selection block.

npx shadcn@latest add https://blocks.so/r/ai-02.json

AI Chat Compact Interface block

A ai chat compact interface block.

npx shadcn@latest add https://blocks.so/r/ai-03.json

AI Chat with File Attachments block

A ai chat with file attachments block.

npx shadcn@latest add https://blocks.so/r/ai-04.json

AI Elements Chat block

A ai elements chat block.

npx shadcn@latest add https://blocks.so/r/ai-05.json

Command Menu with Groups block

A command menu with groups block.

npx shadcn@latest add https://blocks.so/r/command-menu-01.json

Command Menu with Keyboard Shortcuts block

A command menu with keyboard shortcuts block.

npx shadcn@latest add https://blocks.so/r/command-menu-02.json

Command Menu with Documentation Search block

A command menu with documentation search block.

npx shadcn@latest add https://blocks.so/r/command-menu-03.json

Dialog Confirmation block

A dialog confirmation block.

npx shadcn@latest add https://blocks.so/r/dialog-01.json

Dialog with Warning Icon block

A dialog with warning icon block.

npx shadcn@latest add https://blocks.so/r/dialog-02.json

Dialog with Input Field block

A dialog with input field block.

npx shadcn@latest add https://blocks.so/r/dialog-03.json

Dialog with Two Buttons block

A dialog with two buttons block.

npx shadcn@latest add https://blocks.so/r/dialog-04.json

Dialog with Password Confirmation block

A dialog with password confirmation block.

npx shadcn@latest add https://blocks.so/r/dialog-05.json

Dialog with Privacy Toggle block

A dialog with privacy toggle block.

npx shadcn@latest add https://blocks.so/r/dialog-06.json

Dialog with Member List block

A dialog with member list block.

npx shadcn@latest add https://blocks.so/r/dialog-07.json

Dialog with Email and Password Fields block

A dialog with email and password fields block.

npx shadcn@latest add https://blocks.so/r/dialog-08.json

Dialog with Link Share and Toggles block

A dialog with link share and toggles block.

npx shadcn@latest add https://blocks.so/r/dialog-09.json

Dialog with Calendar and Time Picker block

A dialog with calendar and time picker block.

npx shadcn@latest add https://blocks.so/r/dialog-10.json

Dialog Multi-Step Wizard block

A dialog multi-step wizard block.

npx shadcn@latest add https://blocks.so/r/dialog-11.json

Dialog with Avatar Upload block

A dialog with avatar upload block.

npx shadcn@latest add https://blocks.so/r/dialog-12.json

File Upload with Preview block

A file upload with preview block.

npx shadcn@latest add https://blocks.so/r/file-upload-01.json

File Upload with Preview block

A file upload with preview block.

npx shadcn@latest add https://blocks.so/r/file-upload-01.json

File Upload Simple block

A file upload simple block.

npx shadcn@latest add https://blocks.so/r/file-upload-02.json

File Upload Multi-File Dropzone block

A file upload multi-file dropzone block.

npx shadcn@latest add https://blocks.so/r/file-upload-03.json

File Upload Drag & Drop block

A file upload drag & drop block.

npx shadcn@latest add https://blocks.so/r/file-upload-04.json

File Upload with Progress block

A file upload with progress block.

npx shadcn@latest add https://blocks.so/r/file-upload-05.json

File Upload with Status Sections block

A file upload with status sections block.

npx shadcn@latest add https://blocks.so/r/file-upload-06.json

Form with Workspace Fields block

A form with workspace fields block.

npx shadcn@latest add https://blocks.so/r/form-layout-01.json

Form with Side Labels block

A form with side labels block.

npx shadcn@latest add https://blocks.so/r/form-layout-02.json

Form with Checkbox Settings block

A form with checkbox settings block.

npx shadcn@latest add https://blocks.so/r/form-layout-03.json

Form with Package Selection block

A form with package selection block.

npx shadcn@latest add https://blocks.so/r/form-layout-04.json

Form with Plan Selection block

A form with plan selection block.

npx shadcn@latest add https://blocks.so/r/form-layout-05.json

Grid List with Dropdown block

A grid list with dropdown block.

npx shadcn@latest add https://blocks.so/r/grid-list-01.json

Grid List with Links block

A grid list with links block.

npx shadcn@latest add https://blocks.so/r/grid-list-02.json

Grid List with Icons block

A grid list with icons block.

npx shadcn@latest add https://blocks.so/r/grid-list-03.json

A login with email and google block.

npx shadcn@latest add https://blocks.so/r/login-01.json

A login with email, password and google block.

npx shadcn@latest add https://blocks.so/r/login-02.json

A login with email and password block.

npx shadcn@latest add https://blocks.so/r/login-03.json

A login with social buttons block.

npx shadcn@latest add https://blocks.so/r/login-04.json

A login card signup form block.

npx shadcn@latest add https://blocks.so/r/login-05.json

A login with magic link and sso block.

npx shadcn@latest add https://blocks.so/r/login-06.json

A login full page with icons block.

npx shadcn@latest add https://blocks.so/r/login-07.json

A login with sso block.

npx shadcn@latest add https://blocks.so/r/login-08.json

A login signup with role selection block.

npx shadcn@latest add https://blocks.so/r/login-09.json

Onboarding block

A onboarding block.

npx shadcn@latest add https://blocks.so/r/onboarding-01.json

Onboarding Workspace Setup block

A onboarding workspace setup block.

npx shadcn@latest add https://blocks.so/r/onboarding-02.json

Onboarding Steps with Progress block

A onboarding steps with progress block.

npx shadcn@latest add https://blocks.so/r/onboarding-03.json

Onboarding Accordion block

A onboarding accordion block.

npx shadcn@latest add https://blocks.so/r/onboarding-04.json

Onboarding Activity Feed block

A onboarding activity feed block.

npx shadcn@latest add https://blocks.so/r/onboarding-05.json

Onboarding Timeline block

A onboarding timeline block.

npx shadcn@latest add https://blocks.so/r/onboarding-06.json

Onboarding Deploy Pipeline block

A onboarding deploy pipeline block.

npx shadcn@latest add https://blocks.so/r/onboarding-07.json

Sidebar Collapsible Sections block

A sidebar collapsible sections block.

npx shadcn@latest add https://blocks.so/r/sidebar-01.json

Sidebar Dashboard Inset block

A sidebar dashboard inset block.

npx shadcn@latest add https://blocks.so/r/sidebar-02.json

Sidebar Dashboard Floating block

A sidebar dashboard floating block.

npx shadcn@latest add https://blocks.so/r/sidebar-03.json

Sidebar Double-Sided Mail block

A sidebar double-sided mail block.

npx shadcn@latest add https://blocks.so/r/sidebar-04.json

Sidebar Double-Sided block

A sidebar double-sided block.

npx shadcn@latest add https://blocks.so/r/sidebar-05.json

Sidebar Replacement block

A sidebar replacement block.

npx shadcn@latest add https://blocks.so/r/sidebar-06.json

Stats with Trending block

A stats with trending block.

npx shadcn@latest add https://blocks.so/r/stats-01.json

Stats with Borders block

A stats with borders block.

npx shadcn@latest add https://blocks.so/r/stats-02.json

Stats with Card Layout block

A stats with card layout block.

npx shadcn@latest add https://blocks.so/r/stats-03.json