Components
A comprehensive set of React components built with Tailwind variants and TypeScript. Each component is designed to be flexible, accessible, and themeable.
Button
Interactive button component with multiple variants, sizes, and semantic colors.
View Details →Button
Versatile button component with multiple intents, sizes, and color variants.
Basic Usage
Loading…
Loading…
Sizes & Colors
Loading…
Loading…
Badge
Small status indicators and labels with semantic meaning.
Variants
SoftSolidOutline
Loading…
Loading…
Colors & Sizes
PrimarySecondarySuccessWarningErrorInfo
SmallMediumLarge
With DotOnline
Loading…
Loading…
Alert
Contextual feedback messages for user actions and system states.
Variants & Colors
Information
This is an informational message with soft tone.
Success
Your changes have been saved successfully.
Warning
Please review your input before continuing.
Error
Something went wrong. Please try again.
Loading…
Loading…
With Icons
Success
Your profile has been updated successfully.
Attention Required
Your subscription expires in 3 days.
Loading…
Loading…
Learn More
Interactive Playground
Experiment with all component props and see live updates in our Storybook.
Open Storybook →