Cursor Reveal

A background component built for Framer. Live preview below — interact with it directly before you buy.

Buy this component — $8 Preview Get All-Access instead

About Cursor Reveal

Cursor Reveal is a WebGL-powered hero component for Framer. Move your cursor across the canvas to paint a fluid trail that reveals a hidden image beneath the surface. Built with Three.js and a custom GLSL shader pipeline for buttery-smooth, GPU-accelerated performance.

Features

→Real-time WebGL fluid trail simulation
→Cursor paints a soft glowing mask across the hero
→Smooth image reveal with halo edge glow effect
→Idle auto-cursor — animates on its own when untouched
→Optional click & tap shockwave ring burst
→Adaptive quality — lower resolution on mobile for performance
→Full-bleed responsive layout — works at any size
→Touch support for mobile and tablet interactions
→Static preview in Framer canvas, live in published site
→No setup needed — works out of the box

Use Cases

→Portfolio & personal branding hero sections
→Creative agency & studio landing pages
→Fashion & lifestyle product showcases
→Photography & visual storytelling heroes
→SaaS marketing & feature highlight sections
→Architecture & interior design portfolios
→Editorial & magazine-style opening sections

Best value

Get every component with All-Access — $129

Cursor Reveal and all 122 others, current and future.

Get All-Access

More Background

Soft Background

Compare Slider Pro X

Aura Cursor