Skip to content

Gradient buttons

Gradient fills and gradient borders, including conic borders that rotate with @property and mesh washes that stay readable.

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 072Continuous shimmer

B 075Sheen on gold pill

B 101Conic ring spin

B 102Conic wedge orbit

B 104Dashed gradient march

B 105Highlight sweep

B 113Lava lamp interior

B 126Brushed metal

B 136Aurora drift

B 169FAB squircle gradient

B 176Sparkle AI gradient

B 177Sparkle AI outline

B 180Sparkle magic wand

B 193CTA banner gradient

Whole-site look: the Gradient mesh / aurora prompt. Nearby shelves: pill buttons, outline buttons, icon buttons.