React Live Components

Primary Button

A responsive button with hover state.

Button

Success Alert

A success alert message box.

Alert

Profile Card

A modern profile card.

Card

Secondary Button

A subtle secondary button with outline style.

Button

Danger Button

A red danger button for destructive actions.

Button

Warning Alert

A warning alert to notify caution.

Alert

Error Alert

An error alert for failed operations.

Alert

Product Card

A card for displaying product information.

Card

Image Card

A card with an image placeholder.

Card

Text Input

A simple text input field.

Input

Email Input

An email input with validation hint.

Input

Password Input

A secure password input field.

Input

Checkbox

A checkbox for toggling options.

Form

Radio Button

Radio buttons for single selection.

Form

Dropdown Select

A dropdown for selecting options.

Form

Simple Modal

A basic modal dialog for confirmations.

Modal

Tooltip

A simple tooltip on hover.

UI

Progress Bar

A determinate progress bar.

Progress

Spinner

A rotating loading spinner.

Loading

Navbar

A simple top navigation bar.

Navigation

Sidebar

A collapsible sidebar menu.

Navigation

Hero Section

A full-width hero banner.

Layout

Footer

A simple footer with links.

Layout