UI Component Library

A modular, accessible, and customizable component library for modern web applications.

Component Showcase

Core ComponentsAdvanced Components

Buttons

Interactive button components with various styles and states.

Show Code

DefaultSecondaryDestructiveOutlineGhostLink

SmallDefaultLarge

DisabledDisabled Outline

Input Fields

Text input components for collecting user data.

Show Code

Email

Password

Disabled

With Icon

Dropdowns

Contextual overlays for displaying lists of links and actions.

Show Code

Open MenuOptions

Modals

Dialog windows that appear in front of app content to provide critical information or ask for a decision.

Show Code

Open DialogControlled Dialog

Cards

Containers for displaying content and actions about a single subject.

Show Code

Notification Settings

Manage how you receive notifications.

You can manage your notification preferences here.

CancelSave

Account Overview

View your account details and usage.

Username:johndoe

Email:john@example.com

Plan:Pro

Manage Account

Loaders

Visual indicators for loading states in the application.

Show Code

Spinner

Dots

Progress

Pulse

Navigation

Components for navigating between different sections of an application.

Show Code

Brand Logo

Sign In

HomeDashboardSettings

Images

Responsive image components with various aspect ratios and object-fit options.

Show Code

Basic Image

Square Aspect Ratio

Video Aspect Ratio (16:9)

Wide Aspect Ratio (21:9)

Object Fit Options

CoverContainFillNoneScale Down