Blocks

Shadcn UI Blocks: 203 sections with preview

All 203 blocks published by Shadcn UI Blocks, with categories, files and licence. The table lists the sections with the most files and links to previews.

Key points

  • 203 blocks in 288 files: hero, login and navbar are the most polished sections.
  • MIT licence in the repository, not in the catalogue manifest.
  • No declared categories: page type comes from the file name.

Shadcn UI Blocks publishes 203 blocks across 288 files. The manifest assigns no categories, so the table sorts by file count: hero, login and navbar are the sections the publisher polished the most.

Blocks with the most files

BlockRegistryFilesCategory
Hero 03Shadcn UI Blocks6hero
Login 07Shadcn UI Blocks5login
Navbar 03Shadcn UI Blocks5navbar
Signup 07Shadcn UI Blocks5signup
Hero 06Shadcn UI Blocks4hero
Hero 08Shadcn UI Blocks4hero
Login 06Shadcn UI Blocks4login
Login 08Shadcn UI Blocks4login

What this source contains

When to use it

It pays off when you need a whole page and accept the publisher's visual language: shadcn cards, motion, shiki for code. At 1.4 files per block the install stays light; the real cost is the time spent removing shiki and paper-design shaders from blocks that never use them.

Hero, login and navbar: where the catalogue is densest

The file count tells you where to look. Hero 03 opens six files because it combines an animated background, a contact form and a fade-in entrance; Login 07 and Navbar 03 open five each. These are the points where a block stops being a section and becomes a small application.

The trade-off is that the catalogue declares no categories: hero, login and navbar come from the file name, not from a manifest field. To find a block by page type you read titles, or query the API and filter by prefix. No invented categories, but no ready taxonomy either.

Eleven npm dependencies cover all 203 blocks, and they never appear together: shiki sits in code blocks, paper-design in animated backgrounds, number-flow in counters. Before installing, open the single block manifest: a hero should not drag the price renderer along with it.

curl "https://ui.eneawork.it/api/blocks?source=akash3444-shadcn-ui-blocks&limit=8"

Three examples from the table: Hero 03, Login 07, Navbar 03; the full inventory is at /blocks. For the counting method read how the block catalogue is built, for the copy-versus-compose comparison read the economics of sections, and for heroes read the shadcn hero guide.

Frequently asked questions

How many blocks does Shadcn UI Blocks publish, and how many files do they use?

203 blocks across 288 files, read on 1 November 2026: 1.4 files per section. Hero 03 is the largest with six files.

Which licence does Shadcn UI Blocks declare?

MIT in the akash3444/shadcn-ui-blocks repository. The catalogue licence field still says see source, so check the repository LICENSE file.

Does Shadcn UI Blocks use its own categories?

No. The manifest has no category field: hero, login and navbar come from the file name, not from a publisher taxonomy.

Which dependencies does a typical block need?

lucide-react and motion almost always; shiki only in code blocks, paper-design only in animated backgrounds, react-hook-form and zod in forms. Check the manifest before installing.

Is the code included in the preview?

The preview is free for all 203 blocks; file-by-file code requires Pro. Without Pro you still see category, file count and preview.