Highly customizable Framer component that brings interactive, real-time fluid simulations to your designs. Powered by WebGL, it lets you create mesmerizing liquid motion background
Make it with Workshop
Build your own component with AI
Fluid Motion Cursor
Bring your Framer projects to life with stunning, interactive fluid simulations! The FluidMotionWrapper component lets you create mesmerizing liquid backgrounds, dynamic hero sections, and playful UI effects- no coding required. Powered by advanced WebGL, it offers deep customization: tweak simulation physics, color palettes, bloom and sunray effects, and choose from multiple animation patterns (circle, wave, spiral, random walk, and more).
Key Features:
Real-Time Fluid Simulation: Responsive, touch-friendly, and visually captivating.
Full Control: Adjust resolution, splat force, dissipation, pressure, and curl for unique fluid dynamics.
Color Magic: Use random colors or set your own palette-change on hover or click.
Visual Effects: Add bloom and sunrays for extra glow and atmosphere.
Sleep Mode Animations: Choose from circular, wave, spiral, star, and random walk patterns for idle states.
Easy Integration: Drag and drop into any Framer design. All settings are available in the Framer property panel.
Perfect for: Hero backgrounds, interactive sections, creative transitions, and anywhere you want to wow your users.
Try it now: Explore presets and play in the playground
