Text Trail Stamp

ProNew

Opt-in pointer effect that leaves stamped copies of a word along the pointer path.

Customize

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

Pointer-driven. This is an opt-in component: nothing in the library mounts it for you, and it renders nothing under reduced motion.


pnpm dlx shadcn@latest add @tealmac-pro/text-trail-stamp

Prop	Type	Default	Description
`children`	`ReactNode`	-	Content the stamps sit over.
`stamp`	`string`	`"tealmac"`	The word or glyph stamped.
`enabled`	`boolean`	`false`	Turns the effect on.
`spacing`	`number`	`56`	Pixels between stamps.
`lifetime`	`number`	`1100`	Milliseconds a stamp stays.
`size`	`number`	`22`	Stamp font size in pixels.
`className`	`string`	-	Classes for the root element.

Pointer-driven and opt-in: nothing happens until enabled is set, and it never mounts under prefers-reduced-motion.
The canvas is decorative and hidden from assistive technology; it never captures pointer events or focus.
The frame loop runs only while stamps are visible.

Guide and examples

Pointer-driven. This is an opt-in component: nothing in the library mounts it for you, and it renders nothing under reduced motion.


pnpm dlx shadcn@latest add @tealmac-pro/text-trail-stamp

Prop	Type	Default	Description
`children`	`ReactNode`	-	Content the stamps sit over.
`stamp`	`string`	`"tealmac"`	The word or glyph stamped.
`enabled`	`boolean`	`false`	Turns the effect on.
`spacing`	`number`	`56`	Pixels between stamps.
`lifetime`	`number`	`1100`	Milliseconds a stamp stays.
`size`	`number`	`22`	Stamp font size in pixels.
`className`	`string`	-	Classes for the root element.

Pointer-driven and opt-in: nothing happens until enabled is set, and it never mounts under prefers-reduced-motion.
The canvas is decorative and hidden from assistive technology; it never captures pointer events or focus.
The frame loop runs only while stamps are visible.