Matrix Rain
Cursor
An interactive Framer cursor effect that brings your page to life with cascading Matrix-inspired code, a responsive magnifying lens, and customisable colours, speed, density and motion.
Move your cursor to explore the lens
About Matrix Rain Cursor
Inspired by the iconic Matrix franchise and a falling-code aesthetic, the component combines animated character streams with an interactive lens that magnifies the code beneath it, creating depth and movement as visitors explore your site.
Adds a cinematic, responsive Matrix-inspired code rain effect to your Framer website. Customize the colours, density, speed, characters and magnifying lens directly in Framer, no coding required.
About Matrix Rain Cursor
Inspired by the iconic Matrix franchise and a falling-code aesthetic, the component combines animated character streams with an interactive lens that magnifies the code beneath it, creating depth and movement as visitors explore your site.
Adds a cinematic, responsive Matrix-inspired code rain effect to your Framer website. Customize the colours, density, speed, characters and magnifying lens directly in Framer, no coding required.
Component Features
Magnifying lens follows the cursor
Turn magnifying lens on/off
Adjustable rain density
Adjustable animation speed
Customisable colours and background
Adjustable lens size
Responsive full-canvas animation
Works directly inside Framer
No coding required
Simply add the component to your Framer project, resize it to your desired area and customise the effect using the built-in controls.
After purchase, you’ll get instant access to the Framer Component URL. Simply copy and paste it into your Framer project to start using the effect.
Purchase securely through Framer Marketplace
Component Features
Magnifying lens follows the cursor
Turn magnifying lens on/off
Adjustable rain density
Adjustable animation speed
Customisable colours and background
Adjustable lens size
Responsive full-canvas animation
Works directly inside Framer
No coding required
Simply add the component to your Framer project, resize it to your desired area and customise the effect using the built-in controls.
After purchase, you’ll get instant access to the Framer Component URL. Simply copy and paste it into your Framer project to start using the effect.
Purchase securely through Framer Marketplace
Bring the page to life
Add a dimensional and interactive matrix style code rain to your next Framer project. Customise every detail without writing code.
Instant access · No code required