ns-ui

Button Glass

Liquid-glass button with translucent blurred surface and press states.

Use when the default general-purpose button — translucent liquid-glass surface with hover lift and press states; use for any ordinary CTA, not a destructive action needing deliberate confirmation; pick button-retry-backoff instead when the action can fail and the wait between attempts must be honest, button-cooldown-heat when it is rate-limited by the user's own click rate, or confirm-hold-ink when the action is the destructive one this line rules out.

Install

npx shadcn add https://design.helpmarq.com/r/button-glass.json
  • button
  • glass
  • micro-interaction