Text Vector Dash Reveal

ProNew

Wordmark outlines that dissolve into flowing dashed strokes as a scan line sweeps across.

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-vector-dash-reveal

Prop	Type	Default	Description
`children`	`string`	-	The wordmark text.
`fontSize`	`number`	`96`	Font size in SVG units.
`duration`	`number`	`4`	Seconds for one pass of the scan line.
`strokeWidth`	`number`	`2`	Outline width.
`className`	`string`	-	Classes for the SVG.

The SVG has role="img" and the text as its aria-label; the drawn glyphs are hidden from assistive technology.
Under prefers-reduced-motion the scan line stops and the dashed outline stays in place.
The loop pauses while the graphic is off screen.