UI Blocks Library

81 accessible UI blocks for React and shadcn/ui.

UI Blocks Library — browse 81 open-source UI blocks from blocks.so, preview the layout and copy the add command for free

How to use UI Blocks Library

  1. Search or filter the 81 blocks by category
  2. Click a block to preview its layout
  3. Copy the shadcn CLI add command
  4. Run it in your project to add the block
  5. Use the block straight from your components folder

Features

  • 81 real blocks.so blocks with real titles and descriptions
  • 13 categories: login, dialog, stats, tables, sidebars and more
  • Live layout preview for logins, stats, dialogs and tables
  • One-command shadcn CLI install per block
  • Accessible, customizable, MIT licensed

Frequently asked questions

Is it free?

Yes, unlimited.

Login to use this free online tool. Create a free account to get started.