Question 1

What are shadcn blocks?

Accepted Answer

Shadcn blocks are pre-built, copy-paste UI components built with shadcn/ui, React, and Tailwind CSS. They are ready-to-use building blocks that you can copy directly into your projects without installing any dependencies. blocks.so provides 60+ free shadcn blocks including dialogs, forms, tables, sidebars, login pages, and more.

Question 2

How do I use shadcn/ui blocks?

Accepted Answer

Using shadcn blocks is simple: 1) Browse the collection at blocks.so to find the component you need, 2) Click on the block to view the code, 3) Copy the code directly into your React or Next.js project, 4) Customize the styling and functionality as needed. No npm install required - just copy and paste.

Question 3

Are shadcn blocks free to use?

Accepted Answer

Yes, all shadcn blocks on blocks.so are completely free to use in personal and commercial projects. The blocks are open source and you can use them without attribution. They are built with shadcn/ui, Tailwind CSS, and React.

Question 4

What is the difference between shadcn/ui and blocks.so?

Accepted Answer

shadcn/ui is a component library that provides individual UI primitives like buttons, inputs, and dialogs. blocks.so provides complete, pre-designed UI blocks built using shadcn/ui components - like full login forms, dashboard sidebars, data tables with sorting, and AI chat interfaces. Think of blocks.so as ready-made combinations of shadcn/ui components.

Question 5

Do shadcn blocks work with Next.js?

Accepted Answer

Yes, all shadcn blocks on blocks.so are fully compatible with Next.js (both App Router and Pages Router), as well as other React frameworks like Remix, Vite, and Create React App. The blocks use React and Tailwind CSS, making them framework-agnostic.

Question 6

What components are available in shadcn blocks?

Accepted Answer

blocks.so offers 60+ free shadcn blocks across multiple categories including: Dialogs and Modals, File Upload components, Form Layouts, Login and Signup pages, Stats and Dashboard widgets, Grid Lists, Sidebars and Navigation, AI Chat interfaces, and Data Tables. New blocks are added regularly.

blocks

Building Blocksfor the Web

Building Blocks
for the Web