Components

50+ Beautiful Components

Copy and paste components built with React and Tailwind CSS. Fully accessible and customizable.

Button

Interactive button with multiple variants, sizes, and states.

Input

Text input field with various states and validation support.

Textarea

Multi-line text input for longer form content.

Select

New

Dropdown selection component with search and multi-select options.

Checkbox

Checkbox input for binary choices or multiple selections.

Radio

Radio button group for single selection from multiple options.

Switch

Toggle switch for on/off states.

Card Title

Card description

Card

Container component for grouping related content.

DefaultSuccessError

Badge

Small status descriptors for UI elements.

JD
AB

Avatar

User profile picture with fallback initials.

Information

This is an informational alert message.

Alert

Display important messages to users.

Changes saved successfully!

Toast

New

Brief notification messages that appear temporarily.

75% complete

Progress

Visual indicator showing completion progress.

Spinner

Loading indicator for asynchronous operations.

Tabs

Tabbed interface for organizing content.

Home/Products/Details

Breadcrumb

Navigation aid showing page hierarchy.

Modal Title

This is modal content.

Modal

Dialog overlay for important interactions.

Name
Status
Role
John Doe
Active
Admin

Table

New

Data table with sorting, filtering, and pagination.