ZardUI
23 posts

ZardUI
@zard_ui
Free and open-source components built with Angular, Typescript and Tailwind CSS. Style of @shadcn/ui + power of ng-zorro = ZardUI❤️
Katılım Temmuz 2025
9 Takip Edilen72 Takipçiler

Eu tenho orgulho demais desse projeto e do trabalho que o @luizgomessdev e os outros contribuidores estão fazendo no @zard_ui.
Se você é dev angular e não conhece o zard, é simplesmente o shadcn para angular, só que te da mais liberdade ainda de customização.
É disparado a melhor lib de componente para angular do Brasil, e daqui a pouco será do mundo.

Português

@nawlbergs Hello, The visualization of the components is done using NgComponentOutlet, and for view the code, we use scripts that convert the code files to md files, and the import happens as you switch screens. And to display the code, we use rehype-pretty-code with some custom plugins.
English

@zard_ui what do you used on zardui.com to render your component code under the hood (z-markdown-renderer)? CodeMirror?
English
ZardUI retweetledi

Criar interfaces usando @daisyui_ é sensacional. Depois que conheci nunca mais usei material. Vlw pela dica @ChristoPy_
Essa semana quero testar um @zard_ui uma lib feita em angular por brasileiros baseada no shadcn ui

Português

We're looking for a shadcn like lib for angular and we found one!
Instead of only using the library we started to contribute.
The library is close to stable and hopefully we'll be able to start using for ThriveDesk.
Thanks @zard_ui for such an incredible work.

English


@devcaiofreire ficamos muito felizes em saber disso, qualquer suporte ou problema estamos sempre disponiveis para ajudar e resolver o mais rapido possivel.
GIF
Português
ZardUI retweetledi

A temática do projeto é ser como as documentações, as quais, lemos quase diariamente.
Optamos por utilizar o desing system do @zard_ui, por conta de ser um projeto open source e brasileiro 🇧🇷.
Em breve iremos abrir o repositório, por enquanto, ainda estamos estruturando...
Português
ZardUI retweetledi

🚧 Build in Public
Eu, junto com o @vuelmavictor, decidimos criar um portal focado em ferramentas que desenvolvedores usam no dia a dia.
Parece familiar? Porque é mesmo!
Estamos recriando o 4Devs — mas com uma nova estética e funcionalidades inéditas.
Português

@shadcn 5/ We need your feedback! This beta is shaped by what Angular developers actually need.
Join us:
🌐 zardui.com
💬 discord.gg/WmeTsFgJtG
⭐ github.com/zard-ui/zardui
What would you like to see next? 👇
English

@MathewSanjay34 No, we're still working on this in the CLI, but if you already have the component installed in your project and by chance you do some kind of automatic installation with the CLI, it will identify it and ask if you want to replace the current code with the new one.
English

@bechtweets @shadcn @angular Good news - you can! We're building ZardUI to bring this exact experience to Angular. Check it out and help us test the components → zardui.com
English

@de1lux @shadcn You can now! We're creating ZardUI to bring the shadcn experience to Angular devs. Give it a try and let us know what you think → zardui.com
English

@Meysamx69 @buzahuza @angular Totally agree! We felt the same way, so we started ZardUI - modern shadcn-style components for Angular. Still early but we'd love devs to try it out and give feedback → zardui.com
English

Great news! Here comes a new feature in Angular 20.1 that resolves a long awaited feature request 🔥
You'll be able to use MatMenu as a context menu. Curious how to use it?
Check here: #context-menu" target="_blank" rel="nofollow noopener">material.angular.dev/components/men…
English

@ivan_Dzoibo On développe ZardUI - du shadcn pour Angular! On a déjà quelques composants prêts. On adorerait avoir vos retours et votre aide pour les tester → zardui.com 🚀
Français

@MathewSanjay34 @shadcn We're building ZardUI - shadcn for Angular! Already have some components ready. Would love your feedback and help testing them out → zardui.com
English







