bl

blocksReact

@blocks-so

A set of clean, modern application building blocks for you in your applications. Free and Open Source

76 items0 screenshots0 run liveblocks.soLicense Not tracked · check @blocks-so

Add to components.json

"registries": {
  "@blocks-so": "https://blocks.so/r/{name}.json"
}

Then npx shadcn@latest add @blocks-so/<item> — every tile below copies its own command.

76 items

AI Chat with Voice Input

AI Chat with File Attachments

Command Menu with Keyboard Shortcuts

command-menu-02

Dialog with Warning Icon

Dialog with Password Confirmation

Dialog with Email and Password Fields

Dialog Multi-Step Wizard

File Upload Simple

File Upload with Progress

Form with Side Labels

Form with Plan Selection

Grid List with Icons

Login with Email and Password

Login with Magic Link and SSO

Login Signup with Role Selection

Onboarding Steps with Progress

AI Chat with Model Selection

AI Elements Chat

Command Menu with Documentation Search

command-menu-03

Dialog with Input Field

Dialog with Privacy Toggle

Dialog with Link Share and Toggles

Dialog with Avatar Upload

File Upload Multi-File Dropzone

File Upload with Status Sections

Form with Checkbox Settings

Grid List with Dropdown

Login with Email and Google

Login with Social Buttons

Login Full Page with Icons

Onboarding Accordion

AI Chat Compact Interface

Command Menu with Groups

command-menu-01

Dialog Confirmation

Dialog with Two Buttons

Dialog with Member List

Dialog with Calendar and Time Picker

File Upload with Preview

File Upload Drag & Drop

Form with Workspace Fields

Form with Package Selection

Grid List with Links

Login with Email, Password and Google

Login Card Signup Form

Onboarding Workspace Setup

Onboarding Activity Feed