Splash Cursor for Framer

Add playful, fluid motion to your site with ease.

Splash Cursor is an interactive animation component designed for Framer. It gives your cursor a splashy, expressive feel that reacts to user movement in real time. With 6+ ready-to-use presets (and more coming soon), you can instantly transform your project’s look.

Want something unique? Every setting is fully customizable. Adjust colors, size, fade speed, swirl motion, shading, quality, and more -all with clear property controls inside Framer. No coding required.

Core Features

• 6+ Presets → Choose from a variety of built-in cursor effects (new ones will be added over time).
• Complete Customization → Fine-tune color speed, splat size, force, fade, swirl amount, motion fade, and more.
• 3D Shading → Add realistic depth for a more immersive effect.
• Transparent Background → Works beautifully on both light and dark designs.
• Performance Optimized → Smooth animations that won’t slow down your site.
• Future Updates → New presets and improvements planned for upcoming releases.
• No Code Needed → Simply drag, drop, and customize directly in Framer.

Use Cases

Splash Cursor is perfect for:

• Creative portfolios → Make browsing your work feel more interactive and memorable.
• Landing pages → Add personality and motion to engage visitors instantly.
• Experimental projects → Try bold visual styles without writing a single line of code.
• Brand websites → Customize colors and effects to perfectly match your identity.
• Playful experiences → Use presets like Rainbow or Fluid to add fun interactions.

Tip: Start with a preset to see instant results, then customize details like color, motion, and depth to create your own signature cursor effect.