Skip to main content
SaaS Showcase
Shadcn/ui Components

50+ Premium React Components

Beautifully designed, accessible components built with Radix UI and Tailwind CSS.

Components

Button ⭐

Displays a button or a component that looks like a button.

Variants
All available button variants
Sizes
Different button sizes
With Icons
Buttons with icons
Loading State
Button with loading spinner

Checkbox ⭐

A control that allows the user to toggle between checked and not checked.

Default
Basic checkbox
With Text
Checkbox with label

Input ⭐

Displays a form input field or a component that looks like an input field.

Default
Basic input field
With Label
Input with label
Disabled
Disabled input

Label

Renders an accessible label associated with controls.

Default
Basic label

Radio Group ⭐

A set of checkable buttons—known as radio buttons—where no more than one can be checked at a time.

Default
Basic radio group

Select ⭐

Displays a list of options for the user to pick from—triggered by a button.

Default
Basic select
With Label
Select with label

Slider ⭐

An input where the user selects a value from within a given range.

Default
Basic slider
Value: 50

Switch ⭐

A control that allows the user to toggle between checked and not checked.

Default
Basic switch
With Description
Switch with label and description
Receive emails about new products and features
Receive emails about your account security

Textarea ⭐

Displays a form textarea or a component that looks like a textarea.

Default
Basic textarea
With Label
Textarea with label
Disabled
Disabled textarea

Toggle

A two-state button that can be either on or off.

Default
Basic toggle
Variants
Toggle variants
With Text
Toggle with text

Toggle Group ⭐

A set of two-state buttons that can be toggled on or off.

Single
Single selection toggle group
Multiple
Multiple selection toggle group