logobeta
Docs Components Blocks Charts soon Themes soon Colors
github icon

Sections

  • Get Started
  • Components
  • Registry soon
  • MCP Server soon
  • Roadmap
  • Changelog

Get Started

  • Installation
  • components.json
  • Theming
  • Dark Mode
  • CLI
  • Blocks
  • Pre processors
  • Figma
  • llms.txt
  • About & Credits

Components

  • Accordion
  • Alert
  • Alert Dialog
  • Avatar
  • Badge
  • Breadcrumb
  • Button
  • Button Group
  • Calendar
  • Card
  • Carousel
  • Chart soon
  • Checkbox
  • Combobox
  • Command
  • Date Picker
  • Dialog
  • Divider
  • Dropdown
  • Empty
  • Form
  • Icon
  • Input
  • Input Group
  • Kbd
  • Layout
  • Loader
  • Menu
  • Pagination
  • Popover
  • Progress Bar
  • Radio
  • Resizable
  • Segmented
  • Select
  • Sheet
  • Skeleton
  • Slider
  • Switch
  • Table
  • Tabs
  • Toast
  • Toggle
  • Toggle Group
  • Tooltip

Components

PreviousNext

Here you can find all the components available in the library. We are working on adding more components.

Accordion Alert Alert Dialog Avatar Badge Breadcrumb Button Button Group Calendar Card Carousel Checkbox Combobox Command Date Picker Dialog Divider Dropdown Empty Form Icon Input Input Group Kbd Layout Loader Menu Pagination Popover Progress Bar Radio Resizable Segmented Select Sheet Skeleton Slider Switch Table Tabs Toast Toggle Toggle Group Tooltip
ZardUI Logo

ZardUI

The @shadcn/ui alternative for Angular. Beautiful, accessible, and customizable components.

github iconwhatsapp icondiscord iconX icon

Resources

  • GitHub Repository
  • NPM Package
  • Discord Community
  • WhatsApp Group
  • Follow us on X

Documentation

  • Get Started
  • Components
  • Roadmap
  • Changelog

Components

  • Installation
  • components.json
  • Theming
  • Dark Mode
  • CLI
  • Blocks
  • Pre processors
  • Figma
  • See all components →
❤️Made with love from🇧🇷
•

Open source and available on GitHub

© 2025 ZardUI