Pixelated Image Trail
An interactive mouse trail effect that reveals pixelated images as you move your cursor. Creates a unique, engaging experience.
Install using CLI
npx shadcn@latest add "https://obsidianui.dev/r/pixelated-image-trail.json"Install Manually
1
Install dependencies
2
Copy the source code
Copy into components/ui/pixelated-image-trail.tsx
Note: Install via CLI for the full trail tracking implementation.
Props
| Prop Name | Type | Default | Description |
|---|---|---|---|
| images | string[] | [...defaults] | Array of image URLs for trail |
| className | string | - | Additional CSS classes |
| slices | number | - | Number of slices per image |
| smoothing | number | - | Trail smoothing factor |