btn-neon, card-neon, spinner-neon, neon glow helpers.

Usage#

html
<button class="btn-neon">Glow action</button>

The classes#

ClassPurpose
neon-cardGlowing bordered card
neon-btnButton with neon glow
neon-glowApply the glow to anything
neon-textGlowing text

Compose with utilities#

html
<button class="neon-btn px-8 py-3 text-lg font-bold mt-6">Amplified</button>

Customization#

v1 components are frozen CSS — customize by overriding after the stylesheet, or by redefining the palette variables they consume.

Accessibility#

  • Glow is decorative — never the only state signal
  • Check glow contrast in light mode

components/index|Components hub · themes/index|Themes · recipes/index|Recipes