From AI generate buttons with shimmer sweeps to 3D push, neon glow, glitch overlays and stateful actions — every button is production-ready, accessible and copy-paste friendly.
Interactive
Real React state — click them. Generate flows, copy confirmation, optimistic likes, two-step destructive confirms and AI model pickers.
AI Generate
Copy to clipboard
Like toggle
Subscribe morph
Progress fill
Two-step confirm
Play / pause
Vote counter
Theme toggle
Ask AI
Model picker
Thinking
Foundations
The daily drivers: solid, soft, outline, ghost, destructive and every state in between.
Solid
Soft
Outline
Ghost
Destructive
Success
Warning
Inverted
Pill
Sharp
Elevated
Link
Disabled
Loading
Emphasis
Saturated fills with coloured shadows that lift on hover — instant visual hierarchy for primary actions.
Violet → Indigo
Fuchsia → Pink
Cyan → Blue
Emerald → Teal
Sunset
Midnight
Animated gradient
Conic sweep
Iridescent
Glow halo
Split glow
Radial spotlight
Light
Sweeping highlights, metallic fills and holographic gradients. The signature look of AI-era interfaces.
Sheen sweep
Hover shine
Metallic
Gold foil
Shimmer text
Glass shine
Holographic
Scanline
Outline
Conic spinners, marching dashes, travelling beams and drawn underlines — all pure CSS, no JS.
Conic spin
Gradient ring
Marching dashes
Beam trace
Corner brackets
Pulse ring
Double ring
Border draw
Rainbow edge
Focus ring
Depth
Buttons that feel physical: hard shadows that depress, neumorphic surfaces, bevels and perspective tilts.
Hard push
Brutalist
Neumorphic
Glossy pill
Bevel
Tilt 3D
Layered stack
Jelly press
Depth inset
Lift & shadow
Retro-future
Glowing outlines, flickering signs, clipped corners, glitch overlays and terminal prompts.
Neon outline
Neon pink
Flicker sign
Cyber clip
Terminal
Glitch hover
HUD panel
Matrix
Motion
Fills that slide, circles that expand, labels that swap and icons that arrive. Every transition is transform-only.
Slide fill
Rise fill
Circle expand
Text swap
Icon slide-in
Arrow travel
Underline grow
Split reveal
Diagonal wipe
Letter spacing
Blur focus
Background pan
Compact
Circles, squares, FABs and icon pairings — with heartbeats, swings, shakes and spins on interaction.
Icon circle
Icon square
FAB
Leading icon
Trailing icon
Play
Heartbeat
Bell swing
Download drip
Danger icon
Share pop
Close spin
Composition
Segmented controls, steppers, split buttons, toolbars and the full size scale.
Segmented control
Stepper
Split button
Button group
Toolbar
Social row
Sizes
With shortcut
With counter
Full width