Documentation

Welcome to the Components Library documentation. Explore our beautifully designed, accessible components built with Radix UI and Tailwind CSS.

Getting Started

Quick setup to start using the component library in your project

Install the components into your project using npm or yarn:

npm install components-library

Theming

Learn how to customize the look and feel of components

The components can be themed using CSS variables:

:root {
  --primary: #72e3ad;
  --primary-foreground: #1e2723;
  ...
}

How to Use the Documentation

Navigate through component categories in the sidebar to find what you need.

Each component page has copy-paste examples to help you implement quickly.

Adapt components to your needs using the provided props and CSS variables.

Displays a button or a component that looks like a button.

Displays a form input field.

Displays a dropdown list of options.

Example Code

All components support light and dark mode out of the box. The theme automatically adjusts based on user preference or can be toggled manually.

Explore all components through the sidebar navigation