split reveal text

Split and reveal text letter by letter

HelloHelloHelloThis is Text.

Choose your preferred installation method. CLI is recommended for the fastest setup.

One command, zero configuration

$ npx @hritik-sharmaa/repeat-ui add text-effect-split-reveal-text --variant ts-tailwind

Configuration options and properties for this component.

Prop	Type	Default	Description
`outerText`	`string`	`undefined`	The main text that will be displayed and split into top and bottom halves on hover
`innerText`	`string`	`undefined`	The text that appears in the center when hovering over the outer text
`className`	`string`	`''`	Additional CSS classes to apply to the component container