Skip to content

component

IconTrail

By 8ighty8

Details

Summary

Cursor trail effect

Description

About this component 🎛️ A cursor trail effect component that creates a visual trail of custom icons following the user’s mouse movement. The component allows you to add your own icons (up to 20) that will appear as a smooth trail behind the cursor, with customizable fade animations, spawn rates, and visual effects. Key Features ✨ Add any Framer components as trail icons (up to 20 different icons) Multiple fade animation types - Linear fade, pop effect (scale up then fade), or instant disappear Control how frequently new icons appear in the trail (slow, medium, fast, or custom) Choose from preset sizes (small, medium, large) or set a custom scale Add visual variety by randomly rotating trail icons Icons can dynamically shrink as they fade for enhanced visual effect Perfect for 🔥 Interactive hero sections with eye-catching cursor effects, creative portfolio sites with playful interactions, product landing pages highlighting key areas, marketing pages creating memorable experiences, interactive demos with visual feedback, or designs seeking engaging cursor interactions without clutter. Questions❓ If you have any questions or need clarification, feel free to reach out before completing your order. hello@8ighty8.studio Follow me on X @8ighty8studio Changelog ⚙️ Version 2: 11/10/25 Grouped properties into categories for a cleaner UI

Introduction

Cursor trail effect

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600169248/148/228/309/79/15
  • All · #6924