Browse components
Antigravity
Weightless glowing dust that drifts upward and curls away from the cursor.
Antigravity
Installation
npx shadcn@latest add @glint-ui/antigravityFirst time using @glint-ui? Add the registry to components.json once, or install by URL: npx shadcn@latest add https://glint-ui-seven.vercel.app/r/antigravity.json
Usage
import { Antigravity } from "@/components/ui/antigravity";
<div className="relative h-96">
<Antigravity count={400} />
</div>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| count | number | 600 | Number of particles. |
| color | string | "#c6ff3d" | Particle glow color (6-digit hex). |
| speed | number | 1 | Upward drift multiplier. |
| radius | number | 160 | Px radius the cursor disturbs. |
| swirl | number | 1 | How hard the cursor swirls particles away. |
| size | number | 3 | Largest particle radius in px. |
| className | string | — | Extra classes for the root element. |