Interactive pixel cursor trail with fully customizable size, density, fade time, shape and colors to create a vibrant, playful, and dynamic effect on your page.
Made with Workshop
Build your own component with AI
Pixel Cursor — Interactive Pixel Trail for Framer
Pixel Cursor creates a visually striking, interactive cursor trail made of small, colored pixels that follow the user’s mouse or touch movement. Each pixel fades out smoothly after a set time, producing a flowing, dynamic effect that feels alive. The component is optimized to be lightweight and GPU-friendly, so it performs smoothly even during frequent cursor movement.
Creates an interactive cursor trail of small, colored pixels
Smooth fade-out for each pixel, producing a flowing, dynamic effect
Fully customizable through Framer property controls
Adjustable pixel size, density, fade duration, and transparency
Multiple shape options: square, circle, triangle, or star
Customizable color palette to match any brand or style
Optimized to be lightweight and GPU-friendly for smooth performance
Landing pages or hero sections to add interactive flair and keep visitors engaged
Portfolio websites to showcase creativity and technical skill with a playful digital effect
Marketing or product launches to create an energetic, memorable user experience
Interactive presentations or event pages where colorful motion enhances branding
Background layers under other Framer components to subtly animate the experience without disrupting usability
Bring your pages to life with Pixel Cursor and instantly capture your visitors’ attention.