glasscn
Glass Popover

A floating content panel with glass surface treatments.

import { Button } from "@/components/ui/button"
import { GlassPopoverContent } from "@/components/ui/glasscn/glass-popover"
import {
  Popover,

Installation

$ npx shadcn add @glasscn/glass-popover

Variants

clear
frosted
subtle
liquid
liquid-refract

API

Prop
Type
Default
Description
GlassPopoverContentglassVariant
"clear" | "frosted" | "subtle" | "liquid" | "liquid-refract""clear"
Controls the glass surface treatment.
GlassPopoverContent...props
React.ComponentProps<typeof PopoverContent>-
Props from the underlying shadcn/ui primitive.