Shimmer Text

Text with a moving shimmer highlight — great for hero headlines and loading states.

Ship faster

Look stunning

Build different

Installation

Run the CLI

$npx particleui-cli add shimmer-text

Usage

TSX

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

export default function Example() {
  return (
    <ShimmerText className="text-3xl font-bold">
      Shimmer effect
    </ShimmerText>
  )
}

Props

Prop	Type	Default	Required
shimmerWidth	number	`100`	no

Details

Source filecomponents/ui/shimmer-text.tsx

Typeui

Categoriestext

npm dependenciesclsx, tailwind-merge

Registry deps—

Claude skill—