Svelte AI Elements

Text Shimmer

An animated text shimmer effect for loading states and AI responses.

Processing your request...

Analyzing data with custom styling

Installation

pnpm dlx shadcn-svelte@latest add https://svelte-ai-elements.vercel.app/p/text-shimmer.json

Examples

Custom Text Shimmer

Fast shimmer with wide spread Slow shimmer with narrow spread

Heading with shimmer effect

Props

Text Shimmer

NameTypeDefault
children
Snippet
as
keyof HTMLElementTagNameMap "span"
duration
number 4
spread
number 20
className
string
...props
HTMLAttributes<HTMLElement>