Svelte AI Elements

Shimmer

An animated text shimmer component for creating eye-catching loading states and progressive reveal effects.

Hello, this is a shimmer effect!

Installation

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

If you prefer using jsrepo, please install via the command below:

pnpm dlx jsrepo add @ai/elements/ai-elements/shimmer

Props

Shimmer

NameTypeDefault
children
Snippet
content_length
number 30
as
keyof HTMLElementTagNameMap "p"
duration
number 2
spread
number 2
class
string
...restProps
HTMLAttributes<HTMLElement>