Balick UI

Shimmer Text

A light sweeps across the text, for work in progress such as “Generating…”. Stops under reduced motion.

Dependenciesmotion
Open in
Generating your page…

Installation#

pnpm dlx shadcn@latest add @balick/shimmer-text

Or pass the full URL: https://ui.balick.me/r/shimmer-text.json

Usage#

import { ShimmerText } from "@/components/ui/shimmer-text"

export function Pending() {
  return <ShimmerText>Generating your page…</ShimmerText>
}

Props#

PropTypeDefault
duration

Duration of one sweep, in seconds.

number2