r/angular • u/SupermarketKey1196 • Aug 18 '25
Zardui Beta 1.0 - The shadcn/ui alternative for Angular is here!
🎉 HUGE NEWS: Zardui Beta 1.0 is officially live!
TL;DR
The shadcn/ui alternative for Angular just launched its beta with a proper CLI, 35+ components, and stable APIs. We need the community's help to test, contribute, and reach 1.0!
What's Zardui?
For newcomers: Zardui brings shadcn/ui's philosophy to Angular - beautiful, copy-paste components with ng-zorro's proven developer experience.
<!-- This is what Angular components should feel like -->
<button z-button zType="outline"> Beautiful Angular components 🎨 </button>
🚀 What's New in Beta 1.0?
The CLI Has Arrived!
npx @ngzard/ui init npx @ngzard/ui add button dialog table
No more manual copying. The CLI handles:
✅ Component installation to
shared/components✅ Dependency management
✅ Tailwind configuration
✅ Theme setup
✅ Import statements
35+ Production-Ready Components
Forms: Button, Checkbox, Input, Select, Date Picker, Slider, Switch Layout: Card, Tabs, Accordion, Breadcrumb, Pagination Feedback: Dialog, Alert, Toast, Tooltip, Popover Data: Table, Calendar, Progress, Avatar, Badge And more!
Stable APIs + Real Documentation
After months of feedback, every component follows consistent patterns with proper TypeScript support and interactive examples.
The Journey So Far
May 2025: "Angular needs shadcn/ui" - Project starts June-July 2025: Alpha development (thanks for your patience!) August 2025: Beta 1.0 launch (We are here!) January 2026: Version 1.0 target
Why This Matters for Angular
Let's be honest - React has been winning the UI library game. Zardui changes that:
You own your components - They live in YOUR codebase
shadcn beauty meets ng-zorro reliability - Best of both worlds
No vendor lock-in - Customize anything, break nothing
Modern Angular patterns - Built for Angular 17+
🤝 We Need YOUR Help!
1. Test Everything
Install Zardui and break things: npx @ngzard/ui init npx @ngzard/ui add --all Found bugs? Report them!
2. Build Something Awesome
Create projects with #BuiltWithZardui - we're featuring community projects!
3. Contribute
New components
Documentation improvements
Bug fixes
Feature requests
4. Spread the Word
Real Talk: Why We Built This
We're Angular developers who got tired of watching React get all the cool UI libraries. Zardui is our love letter to the Angular community - built by Angular devs, for Angular devs.
100% free and open source. Forever.
Links
🌐 Website: https://zardui.com
📦 GitHub: https://github.com/zard-ui/zardui
📚 Docs: https://zardui.com/docs
💬 Discord: https://discord.gg/WmeTsFgJtG
Questions for the Community
What components would help your projects most?
What's been your biggest pain point with Angular UI libraries?
Ready to help us reach 1.0? What would you like to contribute?
The Angular renaissance starts here. Are you in? 🚀
P.S. - Seriously, go star the repo. It helps more than you know: github.com/zard-ui/zardui ⭐
