what is awesome-shadcn-ui fr?

birobirobiro/awesome-shadcn-ui — explained in plain English

Analysis updated 2026-05-18

★ 19,523TypeScriptAudience · developerComplexity · 1/5LicenseSetup · easy

vibe map

mindmap
  root((repo))
    What it does
      Curated directory
      shadcn/ui ecosystem
      Third-party extensions
    Component types
      Animated elements
      Forms and inputs
      Data visualization
      Chat interfaces
    Resources
      Templates
      Starter kits
      Tutorials
      Developer tools
    Use cases
      Build web apps
      Find UI components
      Explore ecosystem
      Discover templates

mindmap root((repo)) What it does Curated directory shadcn/ui ecosystem Third-party extensions Component types Animated elements Forms and inputs Data visualization Chat interfaces Resources Templates Starter kits Tutorials Developer tools Use cases Build web apps Find UI components Explore ecosystem Discover templates

what do people make with this?

VIBE 1

Find a pre-built date picker, calendar, or scheduling component for your React app instead of building from scratch.

VIBE 2

Discover AI chat UI templates and billing/subscription interfaces to speed up feature development.

VIBE 3

Browse starter kits and templates to jumpstart a new shadcn/ui project with common patterns already set up.

VIBE 4

Explore the shadcn/ui ecosystem to learn what kinds of third-party components and tools are available.

what's the stack?

ReactTypeScriptshadcn/uiTailwind CSS

how it stacks up fr

	birobirobiro/awesome-shadcn-ui	whyour/qinglong	rrweb-io/rrweb
Stars	19,523	19,548	19,558
Language	TypeScript	TypeScript	TypeScript
Setup difficulty	easy	moderate	easy
Complexity	1/5	3/5	3/5
Audience	developer	developer	developer

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 5min

Use freely for any purpose including commercial, as long as you keep the copyright notice.

in plain english

Awesome shadcn/ui is a curated directory of tools, components, libraries, and resources built around shadcn/ui, a popular React component system that lets developers copy and paste customizable UI components directly into their codebase rather than installing them as a locked-down dependency. Because shadcn/ui has become a common foundation for building web interfaces, a whole ecosystem of third-party components and extensions has grown around it, and this list collects them in one place. The list covers a broad range of additions to the core library. In the component and library section alone there are entries for animated UI elements, calendar and scheduling components, audio player interfaces, AI chat interfaces, billing and subscription UI, e-commerce components, form builders that auto-generate forms from data schemas, image and video upload components, rich text editors, data visualization blocks, and much more. Beyond individual components, the list also catalogues shadcn/ui-compatible templates, starter kits, developer tools (like CLI helpers and code generators), and learning resources such as tutorials and documentation sites. Someone would use this list when building a web application with shadcn/ui and looking for ready-made components for a specific need, such as a date picker, a billing UI, or an AI chat shell, without building it entirely from scratch. The list is also useful for exploring the wider shadcn/ui ecosystem and discovering what kinds of pre-built interfaces are available.

prompts (copy fr)

prompt 1

I'm building a React app with shadcn/ui and need a rich text editor component. What options are available in the awesome-shadcn-ui list?

prompt 2

Show me the best shadcn/ui starter kits and templates from the awesome-shadcn-ui directory that I can use to bootstrap a new project.

prompt 3

I need an audio player UI component for my shadcn/ui project. What third-party components does the awesome-shadcn-ui list recommend?

prompt 4

What form builder libraries compatible with shadcn/ui are listed in the awesome-shadcn-ui repository?

prompt 5

Find me shadcn/ui CLI tools and code generators from the awesome-shadcn-ui list that can speed up my development workflow.

Frequently asked questions