Fx Image Stamp Trail

ProNew

Opt-in pointer effect: images stamped 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/fx-image-stamp-trail

Prop	Type	Default	Description
`stamps`	`ReactNode[]`	-	What is stamped, in rotation.
`children`	`ReactNode`	-	Content the trail sits over.
`enabled`	`boolean`	`false`	Turns the effect on. Pointer effects are opt-in.
`spacing`	`number`	`90`	Pixels between stamps.
`size`	`number`	`84`	Stamp size in pixels.
`lifetime`	`number`	`1200`	Milliseconds a stamp stays.
`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 overlay is decorative: it is hidden from assistive technology and never captures pointer events or focus.
A fixed pool of ten elements is recycled, so nothing is created while moving.

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/fx-image-stamp-trail

Prop	Type	Default	Description
`stamps`	`ReactNode[]`	-	What is stamped, in rotation.
`children`	`ReactNode`	-	Content the trail sits over.
`enabled`	`boolean`	`false`	Turns the effect on. Pointer effects are opt-in.
`spacing`	`number`	`90`	Pixels between stamps.
`size`	`number`	`84`	Stamp size in pixels.
`lifetime`	`number`	`1200`	Milliseconds a stamp stays.
`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 overlay is decorative: it is hidden from assistive technology and never captures pointer events or focus.
A fixed pool of ten elements is recycled, so nothing is created while moving.