glasscn
Glass Dropdown Menu

A dropdown menu with a glass-styled floating content surface.

import {
  DropdownMenu,
  DropdownMenuGroup,
  DropdownMenuItem,

Installation

$ npx shadcn add @glasscn/glass-dropdown-menu

Variants

clear
frosted
subtle
liquid
liquid-refract

API

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