# primitives buttons liquid, 21st-odysseyui--odysseyui component by odysseyui

A button whose background liquid-fills from one side to the other on hover, built with Framer Motion CSS variable transitions.

> Page: https://ui.eneawork.it/comp/21st-odysseyui--odysseyui/primitives-buttons-liquid
> Markdown: https://ui.eneawork.it/comp/21st-odysseyui--odysseyui/primitives-buttons-liquid.md

- Library: [21st-odysseyui--odysseyui](/components/lib/21st-odysseyui--odysseyui)
- HTML page: https://ui.eneawork.it/comp/21st-odysseyui--odysseyui/primitives-buttons-liquid

## Install

```bash
npx shadcn@latest add "https://ui.eneawork.it/api/registry/21st-odysseyui--odysseyui/primitives-buttons-liquid.json?token=YOUR_TOKEN"
```

The registry endpoints are token-gated (create a free account in the app, then copy the registry token). The raw source is also readable at `/api/registry/<library>/<name>.json`.