Clarity UI
DocsComponents
GitHub
Twitter

Getting Started

IntroductionInstallation

Components

AccordionAlertAlert DialogAspect RatioAvatarBadgeButtonCalendarCardCarouselCheckboxCollapsibleCommandContext MenuDialogDrawerDropdown MenuFormHover CardInputLabelMenubarNavigation MenuPaginationPopoverProgressRadio GroupResizableScroll AreaSelectSeparatorSheetSliderSonnerSwitchTableTabsTextareaToggleToggle GroupTooltip

Installation

How to install Clarity UI.


Installation

CLI

Use the CLI to add components to your project.

```bash npx clarityui init ```

Manual

  1. Install dependencies:

```bash npm install clarityui ```

  1. Add the styles to your global css file.