Description:
A playful cursor trail where food emojis (or your own icons) chase the pointer across your page. Each icon eases toward the one ahead of it, forming a smooth, elastic chain with a connecting line that stretches and snaps back based on cursor speed.
Features:
- Emoji or custom icon support — built-in food emojis or upload your own SVG/PNG/JPG/WEBP icons (up to 12)
- Speed-reactive trail — line and spacing stretch dynamically with cursor velocity
- Full-page mode — trail follows the cursor across the entire published site
- Adjustable chip styling — size, icon size, background, border, and shadow color
- Customizable trail line — set color and width - Motion tuning — separate ease controls for lead and trailing icons, plus speed stretch
- Layer control — set z-index to layer above or below other elements
- Canvas preview toggle — show/hide the trail while editing in Framer.
How to use:
1. Drag the component onto your page, set layer to Fill
2. Choose icon source — Emoji or Upload files — and add your icons
3. Enable "Full page" for site-wide tracking or disable to constrain to the frame
4. Adjust chip size, icon size, and colors to match your brand
5. Fine-tune Lead speed and Tail speed for follow tightness
6. Adjust Speed stretch for how far the trail elongates during fast movement
7. Set Layer value so the trail sits correctly in your stacking order
Works out of the box with sensible defaults — drop it in, pick your icons, publish.
Refund Policy: All sales are final. Due to the nature of digital products, this component is non-refundable once purchased. Please review the live preview, demo, and property controls before buying.
Description:
A playful cursor trail where food emojis (or your own icons) chase the pointer across your page. Each icon eases toward the one ahead of it, forming a smooth, elastic chain with a connecting line that stretches and snaps back based on cursor speed.
Features:
- Emoji or custom icon support — built-in food emojis or upload your own SVG/PNG/JPG/WEBP icons (up to 12)
- Speed-reactive trail — line and spacing stretch dynamically with cursor velocity
- Full-page mode — trail follows the cursor across the entire published site
- Adjustable chip styling — size, icon size, background, border, and shadow color
- Customizable trail line — set color and width - Motion tuning — separate ease controls for lead and trailing icons, plus speed stretch
- Layer control — set z-index to layer above or below other elements
- Canvas preview toggle — show/hide the trail while editing in Framer.
How to use:
1. Drag the component onto your page, set layer to Fill
2. Choose icon source — Emoji or Upload files — and add your icons
3. Enable "Full page" for site-wide tracking or disable to constrain to the frame
4. Adjust chip size, icon size, and colors to match your brand
5. Fine-tune Lead speed and Tail speed for follow tightness
6. Adjust Speed stretch for how far the trail elongates during fast movement
7. Set Layer value so the trail sits correctly in your stacking order
Works out of the box with sensible defaults — drop it in, pick your icons, publish.
Refund Policy: All sales are final. Due to the nature of digital products, this component is non-refundable once purchased. Please review the live preview, demo, and property controls before buying.
Talha Manzoor
