Skip to content

Buttons

Solid, outline, pill, glass, brutalist, glowing, animated. Each one is a single class you can drop on a button element.

B 002Cobalt block

B 003Mint soft-flat

B 004Crimson wide

B 005Slate square

B 006Sunflower bold

B 007Violet text-lift

B 008Charcoal micro

B 009Hairline outline

B 010Bold outline fill

B 011Ghost text

B 012Dashed outline

B 013Double-line outline

B 014Ghost with border-on-hover

B 015Rose outline pill

B 016Inverted ghost (on dark)

B 017Classic pill

B 018Two-tone pill

B 019Pill with ring

B 021Pill shrink-on-press

B 022Capsule with dot

B 023Asymmetric radius

B 024Sunset gradient

B 025Aurora shift

B 026Gradient border

B 027Gradient text ghost

B 028Deep ocean

B 029Radial hotspot

B 030Mesh pastel

B 031Metallic gold

B 032Frosted glass pill

B 033Dark glass

B 034Glass with glow edge

B 035Clear glass card button

B 036Glass segment tab

B 037Glass with inner light

B 038Soft clay raised

B 039Soft pressed

B 040Soft circle icon

B 041Soft dark mode

B 042Soft pill accent

B 043Soft toggle chip

B 044Neo-brutal yellow

B 045Neo-brutal pink pill

B 046Brutalist mono

B 047Neo-brutal colour shadow

B 048Brutalist stripe