Pricing

Liquid Glass Button

Frosted glass button with a cursor-tracking highlight and inset top rim light.

5,320

Bookmarks

8,410

Installs

118,700

Views

10 lines
import { LiquidGlassButton } from "@/components/ui/liquid-glass-button"

export default function DemoLiquidGlassButton() {
  return (
    <div className="relative flex min-h-[260px] items-center justify-center overflow-hidden bg-[radial-gradient(120%_120%_at_50%_0%,#1e3a8a_0%,#020617_60%)]">
      <div className="absolute size-56 rounded-full bg-blue-500/30 blur-3xl" />

4 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Dependencies
None — plain React + Tailwind
License
MIT License
Published
2/11/2026

Similar components

That's all 6 components

Explore more

Part of Solstice — browse the full library on Nuxus.