Atoms
GradientText
When italic isn't billion-dollar enough.
Text painted with the consensus AI gradient. Use `as` to wrap any element. Set `static` to keep it gradient-colored but stop the shift animation.
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/gradient-text.json
Examples
Inline emphasis
Built for velocity.
<h2>Built for <GradientText>velocity</GradientText>.</h2>
As an h1
Infinite possibility
<GradientText as="h1">Infinite possibility</GradientText>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| as | string | 'span' | Tag to render. |
| static | boolean | - | Disable the gradient shift animation. |