Introduction
Reusable components for Angular — built with Tailwind and shadcn/ui principles.
What is shadcn-angular?
shadcn-angular is a collection of reusable components built with Angular 21+ and Tailwind CSS v4. Unlike traditional component libraries, you don't install a package — you copy what you need into your app.
We follow the same design principles, naming conventions, and API patterns to ensure familiarity for developers coming from React.
Philosophy
Built on four core principles that put you in control.
Ownership
Copy the components you need. You own the code. Modify, extend, or remove as you see fit.
Customization
Adjust styles, structure, and behavior to perfectly match your product's needs.
No Dependencies
No runtime component library bloat. Just Angular and Tailwind CSS — tools you already know.
Accessibility
Built with accessibility in mind, following WAI-ARIA patterns and semantic HTML.
Key Features
Modern tools and technologies that developers love.
Angular 21+
Built for modern Angular with signals, standalone components, and zoneless change detection support.
Tailwind CSS 4
Latest Tailwind v4 with CSS variables for effortless theming and built-in dark mode.
TypeScript First
Strict TypeScript with full type safety. No any in the public API.
60+ Components
Comprehensive set of components for forms, navigation, feedback, data display, and more.
Credits
Standing on the shoulders of giants.
The original React component collection by shadcn that inspired this project.
Unstyled, accessible components for React that set the accessibility standards.
A utility-first CSS framework that powers the styling system.