Carregando…Carregando…Carregando…Carregando…Inline text with a static brightness sweep looping across it — CSS-only, no library.
Text Shine — brightness sweep loops across the text
Faster sweep (2.5s)
Glow Text — halo estático em camadas de drop-shadow (herda a cor via currentColor)
$ npx kikitocn add text-shine@/lib/utils| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
children* | React.ReactNode | — | Texto com o brilho aplicado |
duration | number | 4 | Segundos por ciclo do brilho |
as | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'p' | 'span' | Elemento HTML a renderizar |
className | string | — | Classes CSS extras |
import { TextShine } from "@/components/ui/cn/text-shine/TextShine";
export function TextShineExample() {
return (
<TextShine as="span">
Text Shine
</TextShine>
);
}