Finally, a real @shadcn/ui alternative for Angular.

Free and open-source components built with Angular, TypeScript and Tailwind CSS. No hassle, just results.

Style of @shadcn/ui + power of ng-zorro = @zard/ui ❤️
Built with
Angular logo
TypeScript logo
Tailwind CSS logo

Beautiful Components

Production-ready components that you can copy and paste into your apps. Accessible, customizable, and open source.

Button
Click me

Versatile button component with multiple variants and sizes.

Badge
New

Small status indicators and labels for UI elements.

Input

Form input fields with validation and accessibility support.

Checkbox

Toggle controls for boolean states with smooth animations.

Switch

Toggle switches for settings and preferences.

Progress Bar

Visual indicators for loading states and progress tracking.

Avatar
JDJohn Doe

User profile images with fallback support.

Tooltip

Contextual information displayed on hover or focus.

View All

30+ components
ready to use

Why Choose ZardUI?

Built for Modern Angular Development

Experience the perfect blend of beautiful design, developer experience, and performance optimization.

Lightning Fast

Built with performance in mind. Optimized bundle size and runtime performance for production apps.

Fast

Beautiful Design

Carefully crafted components that follow modern design principles and accessibility standards.

Developer Experience

TypeScript-first, excellent IDE support, and comprehensive documentation for smooth development.

DX

Modular Architecture

Import only what you need. Tree-shakable components that keep your bundle size minimal.

Type Safe

Full TypeScript support with strict typing, ensuring reliability and better code completion.

Community Driven

Open source with active community contributions, regular updates and responsive support.

30+
Components
99%
TypeScript
100%
Tree Shakable
24/7
Community Support

Featured on YouTube

Watch how ZardUI is revolutionizing Angular component development

ZardUI - The Angular Component Library
ZardUI Tutorial - Getting Started
Building Modern UIs with ZardUI
ZardUI Components Showcase
Advanced ZardUI Features
ZardUI Best Practices
ZardUI Video
ZardUI Video

See ZardUI in action and learn how to get started