Buttons

Button with a sweeping shimmer; shine color, background and speed are configurable.

Dark button with an SVG feTurbulence grain overlay; grain strength is adjustable.

Layered gradients imitate flowing liquid metal; a blurred halo spreads on hover.

Frosted-glass button with backdrop blur, translucent fill, hairline border and a glowing top highlight.

Industrial metal button with a dark-gray gradient, stacked inner borders and brushed grain.

Square-cornered retro game button with a mono font and 8-bit hard shadow that collapses on press.

Cyberpunk button cut into broken pixel blocks with clip-path and a periodic glitch shift.

Pill button with a circular icon on the right; inverts on hover while the arrow nudges forward.

A diagonal white streak sweeps across on hover; sweep duration is adjustable.

A blurred glow spot follows the cursor across the button; glow color is adjustable.

Neon halo button whose box-shadow glow grows on hover.

On hover a dot expands to fill the button while the label slides out and an inverted label with an arrow slides in.

Button with a continuously flowing blue/purple/green aurora gradient and a matching outer glow.

CTA button whose label scrambles into random glyphs on hover or focus, then resolves letter by letter.

Like/star toggle with a spring-scaled star, particle burst and live count.

AI generate button: swaps to a spinner with a breathing glow while running; works controlled or uncontrolled.

Play/pause toggle with animated sound-wave bars while playing.

shadcn-style base button with 6 variants and 4 sizes, built on class-variance-authority.

iOS/macOS-feel button with hairline ring, soft shadow and a subtle press scale.

Origin UI–style button with a refined 1px border, inner shadow and restrained interaction.

Black App Store badge with the Apple logo and two-line text, rendered as a link.

Joined button group with shared borders, horizontal or vertical, rounding only the outer corners.

HeroUI-style group with solid/bordered/flat/faded variants, 4 semantic colors and configurable radius.

Black button where a “moon” slides aside on hover to reveal a glowing corona.

Primary action plus a chevron that opens a menu; closes on outside click or Escape.

Button with a leading or trailing icon; position is switchable.

Compound button with an icon tile, label and subtext, for actions that need a short explanation.

Segmented radio group with a spring-sliding glowing thumb and arrow-key navigation.

Save button that shows a spinner or filling progress bar, turns green with a check, then resets.

Two-step delete: first click arms it, a second click within 3s confirms; blur cancels.

Pill button with an embedded badge (New / Beta / count) on either side.

GitHub-style dark button with an inline Octocat mark and an optional star count.

File-link button with the multicolor Figma mark, file name and subtext.

iOS capsule button with filled, tinted, gray and plain styles in three sizes and a custom tint.

iOS 26 liquid glass button with frosted blur, specular highlight and soft shadow for photo or gradient backdrops.

App Store style GET button that turns into a ring progress indicator and becomes OPEN when finished.

Control Center style round toggle with icon and caption; switches to the tint color when pressed.

Slide-to-unlock control: drag past 85% to confirm, keyboard accessible, with a shimmering label.

iOS pull-down menu button with a frosted menu, destructive actions, and Esc / outside-click dismissal.

Soft-UI neumorphic button with raised and inset shadows in three shapes.

Neo-brutalist button with thick border and hard shadow that lifts on hover and flattens on press.

Button with a continuously rotating conic-gradient border; colors and speed are configurable.

3D push button with layered edge and shadow that rises on hover and sinks on press; hue is configurable.

Material style ripple button that spreads a wave from the pointer position and cleans up afterwards.

Magnetic button that follows the pointer nearby and springs back when it leaves.

Neon button with glowing outline and text that fills in on hover; color is configurable.

Jelly candy button with gloss highlight that wobbles on hover and squishes on press.

Glitch button with cyan and magenta channel slicing on hover; respects reduced motion.

Arrow button where the round arrow chip expands to fill the whole button on hover.

Stateful button cycling idle → loading → success → idle, with async onAction support.

Button whose SVG outline draws itself along the path on hover or focus.

Like button with heart pop, particle burst and live count; exposes aria-pressed.

Button whose fill sweeps in from any of four directions on hover while the text inverts.