Component Library

Explore our collection of reusable, customizable React components built with TypeScript and Tailwind CSS.

1Button Component

Variants

Sizes

States

2Card Component

Default Card

Basic glass morphism style.

Elevated Card

Enhanced shadow depth.

Outline Card

Bordered transparent style.

Gradient Hoverable

Hover to see effect.

Card with Header & Footer

This card demonstrates the header and footer props for structured content layouts.

3Input Component

We'll never share your email.

Username is already taken

4Dropdown Component

Select Framework
Disabled Dropdown

5Modal Component

6Badge Component

Variants

DefaultSuccessWarningErrorInfo

With Dot

ActivePendingOffline

Sizes

SmallMediumLarge

7Toggle Component