React Bits

Shiny Text

A sheen of light that sweeps across text, from soft bands to chrome-like reflections.

Shiny Text, a React Bits component

Use Shiny Text in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/ShinyText-TS-TW
How to install React Bits components

Related components

  • Blur Text

    Text starts blurred then crisply resolves for a soft-focus reveal effect.

  • Fold Text

    Lines unfold into place like creased paper opening flat.

  • ASCII Text

    Waving ASCII text that tilts toward the pointer, scrambles on hover and ripples on click.