Lazy UI

Shiny Text

CSS text shine with beam/glass variants and reduced-motion support.

Customize

Duration (s)5.0s

Intensity32%

Variant

Disabled

Usage

import { ShinyText } from "@/components/lazy-ui/text-animate/shiny-text";

export function Demo() {
  return (
    <ShinyText
      duration={5}
      intensity={0.32}
      className="text-5xl font-semibold text-neutral-100"
    >
      Shiny Text
    </ShinyText>
  );
}