Gravity Tags
A physics playground for tags — chips rain in from above, land as capsule bodies, pile up, and can be grabbed and thrown with real inertia.
Installation
▸ Run the following command
npx shadcn@latest add https://www.mellowui.com/r/gravity-tags.json▸ Or install manually
- Copy the source from the Code tab above.
- Place it at
components/mellow/gravity-tags.tsx - Import and use.
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| tags | string[] | — | The tag labels to drop in. |
| accentTags | string[] | [] | Tags rendered in the accent color. |
| height | number | 360 | Playground height in px. |
| gravity | number | 1800 | Gravity in px/s². |
| className | string | — | Additional CSS classes. |