# Gooey Toolbar — Skecher UI

A polished animated UI primitive for expressive product interfaces.

## Install

```bash
bunx --bun shadcn@latest add CoDesign-Spa27/skecher-ui/gooey-toolbar
```

## Dependencies

- motion
- nucleo-ui-essential-fill-duo-18
- tailwind-merge
- clsx

## Implementation guidance

- No additional implementation constraints are documented.

## Usage

```tsx
import { GooeyToolbar } from "@/components/ui/gooey-toolbar";

export default function GooeyToolbarExample() {
  return (
    <div className="flex min-h-96 items-center justify-center">
      <GooeyToolbar
        defaultVariant="amoeba"
        showVariantToggle
        className="w-full max-w-xl"
      />
    </div>
  );
}
```

## Source files

- components/ui-components/gooey-toolbar.tsx — Gooey Toolbar component

## Canonical resources

- Documentation: https://skecher-ui.com/docs/gooey-toolbar
- Registry item with complete source: https://skecher-ui.com/r/gooey-toolbar.json
- Component AI context: https://skecher-ui.com/llms/gooey-toolbar