blocks

Accessible and customizable blocks that you can copy and paste into your apps. Free. Open Source.

Usage

To use blocks from this registry, configure your components.json file with the remote registry:

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

Then add blocks to your project using the shadcn CLI:

# Add a specific blocknpx shadcn@latest add @blocks-so/login-01
# Add a dialog blocknpx shadcn@latest add @blocks-so/dialog-01
# Add a sidebar blocknpx shadcn@latest add @blocks-so/sidebar-01

Alternatively, you can add blocks directly from the registry:

# Using the direct registry URLnpx shadcn@latest add https://blocks.so/r/login-01.json

Visit blocks.so to view the full documentation and browse all available blocks with live previews.

Contributing

We welcome contributions! Please read our contributing guide to get started.

License

Licensed under the MIT license.