Editing: —

All States

←→ navigate · click to edit

Live Preview

Background

Custom

Width

Content

Label Text

Click Animation

Hover Effect

Duration in state (ms) —

Then go to

Transition Into This State

Easing Curve

Speed

Typography

Size 16px

Weight

Letter Spacing 0

Text Color

Appearance

Corner Radius

Shadow

Border / Ring

Generated CSS + JS

Load Preset

Free tool · No signup

Build idle → loading → success → error flows visually.
Get production-ready CSS + JS in seconds.

✦ 6 animation types ✦ Gradient builder ✦ Icon + motion ✦ Copy-paste CSS

Idle

Success

Error