Space Box
A cosmic-inspired interactive box with animated stars and shooting stars that react to user hover.
Hoverto see magic
Installation
Install this component and its dependencies with a single command.
npx shadcn@latest add https://ui.voxletstudio.com//r/space-box.jsonOnce your project registers the @voxlet namespace, this also works: npx shadcn@latest add @voxlet/space-box
SpaceBoxProps
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | undefined | Optional custom class names for styling. |
| highlightedWord | string | - | A word that appears bold before hovering over the component. |
| text | string | - | The descriptive text that follows the highlighted word. |
| animatedText | string | - | A scrolling text that appears when hovering over the component. |
| starDensity | "low" | "medium" | "high" | "medium" | Controls the number of stars and shooting stars in the background animation. |