Gooey Menu
A tactile liquid dropdown menu with organic SVG metaball fusion filter and spring-driven extrusion animation.
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/gooey-menu
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| options | string[] | ['Home', 'About', 'Projects', 'Contact', 'Book a call', 'Follow us'] | Array of option labels |
| value | string | undefined | Controlled active selected option |
| defaultValue | string | options[0] | Default selected option if uncontrolled |
| open | boolean | undefined | Controlled open dropdown state |
| defaultOpen | boolean | false | Initial open dropdown state if uncontrolled |
| onOpenChange | (open: boolean) => void | undefined | Callback fired when open state changes |
| onSelect | (option: string, index: number) => void | undefined | Callback fired on option selection |
| width | number | 306 | Pixel width of the menu pill and container |
| className | string | undefined | Custom CSS class overrides |