Atelier UI

Search components…

Search components…

Liquid Glass Button

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

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

LiquidGlassButtonProps

Also accepts all props of React.ComponentProps<"button">

PropTypeDefaultDescription
glowbooleantrueShow the glowing highlight along the top edge

Install

$ npx shadcn@latest add https://chromotion.dev/r/liquid-glass-button.json

The CLI installs the base component; your customizations live in the code generated on the Customize tab.

More like this