Browse components
Orb Button
A glowing gradient orb drifts inside the button and swells to chase the pointer on hover.
Installation
npx shadcn@latest add @glint-ui/orb-buttonFirst 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/orb-button.json
Usage
import { OrbButton } from "@/components/ui/orb-button";
<OrbButton colorA="#a78bfa" colorB="#22d3ee">Start building</OrbButton>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | Button label. |
| colorA | string | "#a78bfa" | Orb core color. |
| colorB | string | "#22d3ee" | Orb outer color. |
| className | string | — | Extra classes for the root element. |