Neumorphism

Experience the soft, tactile beauty of new skeuomorphism. A modern design system with accessibility built-in.

Buttons

Variants

Sizes

States

Cards

Raised Card

Elevated with soft shadows

The default card style with outward shadows creating a raised effect.

Pressed Card

Inset appearance

An inset card style with inner shadows for a pressed effect.

Flat Card

Gradient background

A card with gradient background for visual distinction.

Form Controls

Inputs

We'll never share your email.

Toggles & Checkboxes

Receive email updates about your account
You must agree before continuing

Radio Buttons

Select a plan
Basic features for personal use
Advanced features for professionals
Full features for large teams
Select size

Progress & Loading

Progress Bars

Default65%
Success85%
Danger35%

Adjust progress:

Skeleton Loaders

Text lines:

Modal

Click the button below to open a modal dialog.

Badges & Tags

DefaultPrimarySuccessWarningDanger

Interactive Card Demo

Soft

Gentle shadows create depth and dimension.

Minimal

Clean, modern interface with purposeful design.

Tactile

Elements that feel real and responsive to touch.