Getting Started
Components
Accordion Alert Alert Dialog Aspect Ratio Avatar Badge Breadcrumb Button Calendar Card Carousel Chart Checkbox Checkbox Group Collapsible Combobox Context Menu Date Picker Dialog Editor Hover Card Input Input OTP Label Menu Menu Bar Pagination Popover Progress Radio Group reCAPTCHA Select Separator Sheet Skeleton Slider Switch Table Tabs Textarea Toast Toggle Toggle Group Tooltip
Introduction
Beautifully designed components built with Angular CDK and Tailwind CSS.
Key Features
Everything you need to build your UI.
Accessible
All components follow WAI-ARIA guidelines.
Themeable
Themed with CSS variables for easy customization.
Composable
Composable components for building complex UIs.
Designed with best practices in mind.
Install the following dependencies:
npm install @radix-ui/react-icons tailwindcss-animate class-variance-authority clsx tailwind-merge
Usage example:
Component Preview
Try out some of our components.
Buttons
Different button variants.
Key Features
Everything you need to build your UI.
Accessible
All components follow WAI-ARIA guidelines.
Themeable
Themed with CSS variables for easy customization.
Composable
Composable components for building complex UIs.
Designed with best practices in mind.
Abc:
npm install @radix-ui/react-icons tailwindcss-animate class-variance-authority clsx tailwind-merge
Usage example:
Component Preview
Try out some of our components.
Buttons
Different button variants.