All components
Constellation
Background EffectsCanvas nodes that drift and link with lines when near.
Installation
Add it with the shadcn CLI:
$
pnpm dlx shadcn@latest add https://nawalkattel.com.np/r/constellation.jsonOr install manually
1. Install dependencies
pnpm add clsx tailwind-merge2. Copy the component source into
components/library/constellation.tsx
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| count | number | 48 | Number of nodes. |
Accessibility
- Decorative canvas with no semantic content to miss.
- Link opacity falls off with distance, avoiding a solid mesh.
- Cleans up its raf loop and ResizeObserver on unmount.
Dependencies
clsxtailwind-merge