ZardUI Documentation

repository·master·Indexed 22 days ago

https://github.com/zard-ui/zardui

An open-source Angular component library built with TailwindCSS and inspired by shadcn/ui. ZardUI provides accessible, customizable components and a Blocks Library of production-ready UI layouts for dashboards, authentication flows, and e-commerce catalogs. It utilizes CVA for type-safe styling variants and is managed via an Nx monorepo.

Tokens
126.7K
Snippets
451
Records
645
Agent score
76%

What's inside ZardUI

  1. Overview of the Blocks Library

    master
    The Blocks Library provides pre-built, production-ready UI blocks for ZardUI. Blocks are full-page Angular components that combine multiple ZardUI components into cohesive layouts, serving as starting points for common application pages like dashboards, authentication flows, and e-commerce catalogs.
  2. Overview of Zard/ui

    master
    Zard/ui is a modern Angular component library inspired by shadcn/ui. It is built with TailwindCSS and provides beautiful, accessible, and open-source components for developers. The library is designed to be completely free to use.
  3. Core features and architecture of ZardUI

    master

    ZardUI is a component library designed specifically for modern Angular development. Key architectural characteristics include:

    • Modern Angular Support: Built using standalone components, Angular Signals, and current best practices.
    • TailwindCSS Integration: Components are built with TailwindCSS, allowing for infinite customization through standard utility classes.
    • AI-Ready Design: Uses predictable patterns, consistent naming conventions, and standardized props to ensure compatibility with AI coding agents and tools.
    • Accessibility: Components are crafted to be both aesthetically pleasing and highly functional/accessible.