UI Components

Interactive showcase of all core UI components

Buttons

Variants

Sizes

States

Input Fields

Basic Input

Your Name

Required Input

Email Address*

We'll never share your email

Error State

Username

This username is already taken

Disabled State

Disabled Field

Textarea

Basic Textarea

Your Message

With Character Count

Limited Message

0 / 200

Keep it short and sweet

Loading Spinners

Default Spinner

Dots Spinner

Pulse Spinner

With Text

Sizes

In Action

Click the button above

Cards

Default Card

Basic card with border

Elevated Card

Card with shadow and hover effect

Gradient Card

Card with gradient background

Modal

UI Components

Interactive showcase of all core UI components

Buttons

Variants

Sizes

States

Input Fields

Basic Input

Your Name

Required Input

Email Address*

We'll never share your email

Error State

Username

This username is already taken

Disabled State

Disabled Field

Textarea

Basic Textarea

Your Message

With Character Count

Limited Message

0 / 200

Keep it short and sweet

Loading Spinners

Default Spinner

Dots Spinner

Pulse Spinner

With Text

Sizes

In Action

Click the button above

Cards

Default Card

Basic card with border

Elevated Card

Card with shadow and hover effect

Gradient Card

Card with gradient background