The Vibeary — round-up

Best shadcn/ui extensions and blocks

shadcn/ui gives you primitives you own, which is exactly why the ecosystem around it matters: the base library deliberately stops short of data tables, date pickers, file uploads, dashboards, marketing blocks and animated components. The projects here fill those gaps while keeping the same copy-into-your-repo model, so you can read the code before it lands. If you build with an AI coding agent, this shelf is doubly useful — pointing the agent at a real registry produces far better output than asking it to invent a component from scratch.

What earned a place

  • Follows the shadcn registry or copy-in model rather than a black-box package
  • Accessible primitives underneath, usually Radix
  • Actively maintained against current shadcn conventions
  • Free and open source

24 picks from the library

  1. 01

    8bitcn UI

    shadcn/ui components restyled as pixel-art 8-bit widgets with accessible behaviour preserved underneath.

    Why it made the list: Instant game-UI aesthetic without giving up Radix keyboard and ARIA behaviour

    Shadcn extensionsMITOrcDev (@theorcdev)8bitcn.com

    8bitcn UI preview
  2. 02

    a1ui

    React and Tailwind registry of design-inspired components with agent install prompts, llms.txt, and shadcn CLI source.

    Why it made the list: Agent-first registry: each component ships a paste-ready install prompt and docs.

    Shadcn extensionsMIT@arjaybyui.arjayby1.xyz

    a1ui preview
  3. 03

    Animata

    Hand-crafted interaction and micro-animation snippets for React and Tailwind, browsable by effect.

    Why it made the list: Organised by interaction rather than component, which is how you actually search

    Shadcn extensionsMITCodseanimata.design

    Animata preview
  4. 04

    Animate UI

    Distribution of fully animated React components built on Motion, shipped as copy-paste source through the shadcn CLI.

    Why it made the list: Animation baked into primitives instead of bolted on afterwards; you own the source

    Shadcn extensionsMITElliot Sutton (@imskyleen)animate-ui.com

    Animate UI preview
  5. 05

    audiocn

    Copy-and-paste audio components for React and shadcn/ui: mixers, players, level meters, knobs and waveforms with accessible markup you own.

    Why it made the list: Audio UI is a blind spot in every mainstream kit; this fills it shadcn-style.

    Shadcn extensionsunknownaudiocnaudiocn.dev

    audiocn preview
  6. 06

    BlockDex

    Item-level search across public shadcn registries: install commands, free or paid status, and live dependency checks per component.

    Why it made the list: Finds the component, not the library — across hundreds of registries the official list misses.

    Registry infrastructurefreeCompound Labs (@compoundlabsinc)blockdex.thecompound.tech

    BlockDex preview
  7. 07

    blocks.so

    Clean, minimal building blocks for dashboards and app shells designed to be copied straight into React projects.

    Why it made the list: Restrained visual taste; most block libraries over-decorate, this one does not

    Shadcn extensionsMITEphraim Duncan (@ephraimduncan)github.com

    blocks.so preview
  8. 08

    Cult UI

    Animated shadcn-compatible components aimed at design engineers: texture cards, dynamic islands, popovers and expandable layouts.

    Why it made the list: Design-engineer taste level; components feel bespoke rather than generic template parts

    Shadcn extensionsMITJordan Gilliam (@nolansym)cult-ui.com

    Cult UI preview
  9. 09

    DGit UI

    Quiet React and Tailwind v4 shadcn registry for dashboard chrome, account menus, and sign-in screens.

    Why it made the list: Opinionated dashboard and auth blocks without another full generic kit.

    Shadcn extensionsMIT@dgitcoui.dgit.co

    DGit UI preview
  10. 10

    dialectcn

    Living catalog of shadcn presets and dialects, comparing how different registries restyle the same primitives.

    Why it made the list: Comparative view of styling dialects, useful for picking a house style fast

    Registry infrastructureopen-sourcedialectcn.xyz

    dialectcn preview
  11. 11

    Dice UI

    Accessible shadcn/ui component set covering data tables, kanban, sortable lists, mentions and file upload, built on WAI-ARIA primitives.

    Why it made the list: Fills the complex-widget gap shadcn itself leaves open; single maintainer, unusually rigorous a11y

    Shadcn extensionsMITSadman Sakib (@sadmann7)diceui.com

    Dice UI preview
  12. 12

    docscn

    Fumadocs UI rebuilt as a shadcn registry: docs layouts, search dialog, table of contents, code blocks, MDX components and an Ask AI dialog installed as source.

    Why it made the list: Docs that inherit your shadcn theme instead of looking like a bolted-on Fumadocs site.

    Shadcn extensionsMIT@ruiyuwgdocscn.dev

    docscn preview
  13. 13

    dotmatrix

    Open collection of 55+ loaders and spinners built with CSS and React, free to copy.

    Why it made the list: Loading states are always an afterthought; this makes them a two-minute decision

    Shadcn extensionsopen-sourceShawn (@zzzzshawn)dotmatrix.zzzzshawn.cloud

    dotmatrix preview
  14. 14

    ecomcn

    Open-source shadcn/ui registry of e-commerce blocks: buy boxes, faceted filters, cart sheets and order summaries, installed like any other component.

    Why it made the list: Store-specific blocks are usually locked in paid templates; these are free owned source.

    Shadcn extensionsopen-source@its-Inbarajanecomcn.vercel.app

    ecomcn preview
  15. 15

    Eldora UI

    Registry of animated React and Tailwind components, blocks and page templates installable with the shadcn CLI.

    Why it made the list: Solo-built registry with polished marketing blocks that punch above its star count

    Shadcn extensionsMITKarthik Mudunuri (@kartikmudunuri)eldoraui.site

    Eldora UI preview
  16. 16

    flightcn

    shadcn-compatible component set for flight and route visualisation: airport pickers, route maps and itineraries.

    Why it made the list: Extremely domain-specific registry; nothing else covers travel UI at this fidelity

    Shadcn extensionsMITYen Cheng Lin (@ridemountainpig)flightcn.yencheng.dev

    flightcn preview
  17. 17

    glasscn-ui

    Glassmorphism variant layer over shadcn/ui components with blur, translucency and layered depth tokens.

    Why it made the list: Glass done as a variant system so you can toggle it rather than rewrite components

    Shadcn extensionsMIT@itsjavigithub.com

    glasscn-ui preview
  18. 18

    glitchcn-ui

    Cyberpunk terminal-themed React component library with glitch effects, scanlines, neon accents and monospace-first layout.

    Why it made the list: Niche aesthetic that is very hard to assemble by hand from scratch

    Shadcn extensionsMITglitchcn-ui.vercel.app

    glitchcn-ui preview
  19. 19

    heroicons-animated

    316 Heroicons rebuilt as animated React components with hover and state transitions.

    Why it made the list: Drop-in upgrade path for anyone already using Heroicons across a whole product

    Shadcn extensionsMITAniket Pawar (@alaymanguy)heroicons-animated.vercel.app

    heroicons-animated preview
  20. 20

    HextaUI

    Extended shadcn components and blocks for Next.js covering dashboards, marketing sections and interactive widgets.

    Why it made the list: Actively maintained indie registry with block coverage the official shadcn blocks lack

    Shadcn extensionsMITPreet Suthar (@preetsuthar17)hextaui.com

    HextaUI preview
  21. 21

    Indie UI

    shadcn-style component set organised around variants, focused on landing pages, forms and interactive controls.

    Why it made the list: Variant-first API means fewer files to fork when you need a different look

    Shadcn extensionsMIT@Ali-Hussein-devgithub.com

    Indie UI preview
  22. 22

    Katok UI

    Unofficial shadcn registry of KakaoTalk iOS chat components, plus AlimTalk and Brand Message previews whose props mirror Kakao's Biz Message API fields.

    Why it made the list: Paste real Kakao template JSON and see the message exactly as customers will.

    Shadcn extensionsMIT@froggy1014katok-ui.jeongmin.dev

    Katok UI preview
  23. 23

    Kibo UI

    Composable shadcn-style registry adding AI chat, kanban, gantt, dropzone, code block and other blocks the core library omits.

    Why it made the list: Fills the exact gaps shadcn leaves, installed through the same CLI you already use

    Shadcn extensionsMITHayden Bleasel (@haydenbleasel)kibo-ui.com

    Kibo UI preview
  24. 24

    Kokonut UI

    Free Next.js and Tailwind component collection focused on cards, AI chat surfaces and dashboard widgets.

    Why it made the list: Strong hit rate on the specific screens indie SaaS products actually need

    Shadcn extensionsMITDorian Baffier (@dorianbaffier)kokonutui.com

    Kokonut UI preview

Questions

Are shadcn extensions safe to use in production?
You are copying the source into your own repo, so you can audit it. That is the model's main advantage over a dependency.
Do these work outside React?
Some have Vue, Svelte or Solid ports. The library also has a separate shelf for non-React ports.
All round-upsSearch all gemsNewest additions