Atoms
Sparkle
Add ✦ to any noun to ship it twice as fast.
The mandatory four-pointed star. Defaults to a twinkling gradient glyph. Pass `solid` for a monochrome variant; pass `static` to stop the twinkle.
Install
Copy this owned-code component into your app from the registry.
pnpm dlx shadcn-svelte@latest add https://benjamin-brady.github.io/performative-ui-svelte/registry/sparkle.json
Examples
Default
Generate
<Sparkle />
Solid (no gradient)
Pro
<Sparkle solid />
Custom glyph
Magic
<Sparkle glyph="❖" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| glyph | string | "✦" | The character to render. |
| solid | boolean | - | Skip gradient; render in currentColor. |
| static | boolean | - | Disable the twinkle animation. |