Text Focus Sequence

ProNew

Words come into focus one by one inside a moving corner frame while the rest blur.

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-focus-sequence

Prop	Type	Default	Description
`children`	`string`	-	The sentence.
`dwell`	`number`	`900`	Milliseconds per word.
`className`	`string`	-	Classes for the root element.

The sentence is present once as visually hidden text; the focus layer is hidden from assistive technology.
Under prefers-reduced-motion every word is sharp and no frame is drawn. The sequence pauses off screen.