Shiny Text

A sheen sweeping across muted text — perfect for announcement pills and “thinking…” states. Inherits your text colour.

cssrsc2 files · 48 locdeps: clsx, tailwind-merge

Thinking…✦ New: Fluid simulation background →Generating your report

Installation

With the shadcn CLI, pointing at this platform’s registry:

npx shadcn@latest add https://opusui.131199999.xyz/r/shiny-text.json

Or offline, straight from your opus55 checkout (copies every file it needs):

node ../tailwind_component/opus55/scripts/add.mjs shiny-text

import { ShinyText } from "@/components/opus/text/shiny-text";

<ShinyText>✦ Introducing v2</ShinyText>

Prop	Type	Default	Description
duration	number	2.8	Seconds per sweep.
width	number	24	Shine band width (%).
dim	number	0.45	Resting opacity of the text.