React UI Playground

Beautiful, modern & responsive component demo – each below section is styled for clarity, vibrance, and accessibility.

Buttons (11)

Used for Main Actions

Vibrant gradient button with hover scaling and loading spinner

Glowing futuristic button with loading spinner and hover scaling

Used for secondary Actions

Used for minimal actions

Used for gives outline

Used for destructive actions

Used for success actions

Used for icons

Used for call to actions

Used for any action

🏁 Game Section

Cards (6)

Simple Card

A minimal card with actions.

Smart Card

Smart Card

A modern card with gradient background, hover effects, and optional footer.

Image Card

Card with SVG image.

Feature Card

Highlight features and benefits.

  • ✓ Fast to use
  • ✓ Accessible
  • ✓ Small bundle size

Pro

$9/mo
  • ✓ 10 projects
  • ✓ Priority support
  • ✓ Unlimited users
📂

Active Projects

27

▲ 8%

Inputs (6)

Check this option

November 2025

Sun
Mon
Tue
Wed
Thu
Fri
Sat
EventToday highlighted

We'll never share your email.

Invalid password

You must accept terms and conditions

This option is disabled

Backgrounds (1)

Interactive tiles background

Utility (3)

MinimalAlert

Profile updated Successfully
Failed to save changes
New update available
Don't do it next time

Loaders

Simple Loader

Dual Loader

Dots Loader

Bar Loader

Tooltips

Simple ToolTip

Animated ToolTip

Delete item

Feedback

✔Success feedback message
⛔️Error feedback message
⚠️Warning feedback message
ℹ️Info feedback message

Form Helpers

📅 Date Picker

🎚 Slider

Value: 25

📁 File Upload

✅ Form Validation

🔐 Login Form

📝 Signup Page

🔑 OTP Verification

Verify OTP

Enter the 6-digit code sent to you.

Make sure to check your spam folder if you don't see the message.

Badges (2)

Badge

PrimarySuccessWarningDangerClosableWith IconNotifications5

Used for status indicators and labels

Chip

Primary ChipSuccessWarningDangerClosableWith Icon

Used for filters, categories, and removable tags

Avatars (4)

Alice
Bob
Charlie
Dana

Avatar Group

Alice
Bob
Charlie
Dana

Accordion

Basic Accordion

Content for section 1

Multiple Open Accordion

Minimal Accordion

Always Open Accordion

Content for section 1

Content for section 2