Text Char Reorder Lock

ProNew

Letters shuffle among their own slots and lock into place one by one.

Customize

This item has no props to tune. Use the lens above to change theme, density, direction and more.


pnpm dlx shadcn@latest add @tealmac-pro/text-char-reorder-lock

Prop	Type	Default	Description
`children`	`string`	-	The phrase.
`tick`	`number`	`70`	Milliseconds between swaps.
`hold`	`number`	`2600`	Milliseconds the finished text stays.
`className`	`string`	-	Classes for the root element.

The phrase is the aria-label of a role="img" element; the shuffling letters are hidden from assistive technology.
Under prefers-reduced-motion the finished phrase is shown and nothing moves. The loop pauses off screen.