A cursor trail that spawns perforated stamp cards along the pointer path. Every card is punched to fit its own photo, tilted at a random angle, then faded out. Free smart component with the code component already nested inside.
About Component
- Perforated stamp edge solved per card, so holes land evenly on any size
- Cards inherit the proportions of their source photo, no cropping
- Uploaded images and pasted URLs both work in the same trail
- Spawn spacing measured in pointer travel, so slow moves do not flood the screen
- Enter from bottom, top, left, right or in place, with adjustable travel
- Start scale, exit scale and a random rotation range per card
- Four easing curves: bouncy, springy, smooth, linear
- Enter, linger and exit timings set independently in milliseconds
- Paper colour, grain, padding, punch gap and hole size all controlled
- Three layered drop shadows driven by one strength slider
- Pointer events off, so links underneath stay clickable
- Respects prefers-reduced-motion
What's Included
- One smart component with the code component nested and configured
- 21 property controls, all named in plain language
- Paper grain generated inline, so there is no asset to load
- No setup, no dependencies, no API keys
How It Works
1. Drop it on your canvas and stretch it over the section you want trailed.
2. Add photos in Upload, or paste image URLs in Photos.
3. Tune spacing, timing and paper, then publish.
Use Cases
- Portfolio and photography landing pages
- Studio and agency footers
- Travel and destination sites
- Personal and about pages
- Film, music and event promos
- Lookbook and gallery sections
Keywords
framer, cursor trail, mouse trail, postcard, stamp, image trail, pointer interaction, hover effect, photo trail, cursor effect, code component, smart component, interaction, animation, portfolio, footer effect
Support
Need help customising it, reach out. Email: framercore@siddhantbaghel.art
A cursor trail that spawns perforated stamp cards along the pointer path. Every card is punched to fit its own photo, tilted at a random angle, then faded out. Free smart component with the code component already nested inside.
About Component
- Perforated stamp edge solved per card, so holes land evenly on any size
- Cards inherit the proportions of their source photo, no cropping
- Uploaded images and pasted URLs both work in the same trail
- Spawn spacing measured in pointer travel, so slow moves do not flood the screen
- Enter from bottom, top, left, right or in place, with adjustable travel
- Start scale, exit scale and a random rotation range per card
- Four easing curves: bouncy, springy, smooth, linear
- Enter, linger and exit timings set independently in milliseconds
- Paper colour, grain, padding, punch gap and hole size all controlled
- Three layered drop shadows driven by one strength slider
- Pointer events off, so links underneath stay clickable
- Respects prefers-reduced-motion
What's Included
- One smart component with the code component nested and configured
- 21 property controls, all named in plain language
- Paper grain generated inline, so there is no asset to load
- No setup, no dependencies, no API keys
How It Works
1. Drop it on your canvas and stretch it over the section you want trailed.
2. Add photos in Upload, or paste image URLs in Photos.
3. Tune spacing, timing and paper, then publish.
Use Cases
- Portfolio and photography landing pages
- Studio and agency footers
- Travel and destination sites
- Personal and about pages
- Film, music and event promos
- Lookbook and gallery sections
Keywords
framer, cursor trail, mouse trail, postcard, stamp, image trail, pointer interaction, hover effect, photo trail, cursor effect, code component, smart component, interaction, animation, portfolio, footer effect
Support
Need help customising it, reach out. Email: framercore@siddhantbaghel.art
Siddhant Baghel
