Lustre Text

A lustrous text component with animated gradient shine.

Shine your UI with ScrollX UI!
Interactive lustrous text effect with glowing gradient shine

Installation

npx scrollx-ui@latest add lustretext

Usage

import LustreText from "@/components/ui/lustretext";
<LustreText text="Shine your UI with ScrollX UI!" />

API Reference

LustreText

A lustrous or shiny text component that gives a glowing, reflective appearance using animated gradients.

Props

  • text – (string, required)
    The text content to be displayed with the lustrous shine effect.

  • disabled – (boolean, optional)
    Disables the shine animation if set to true.
    Default: false

  • speed – (number, optional)
    Speed of the shine animation in seconds.
    Default: 5

  • className – (string, optional)
    Additional Tailwind or custom class names to apply.