Liquid Splash
A WebGL fluid background for Framer that responds to cursor and touch movement with adjustable color, lighting and liquid motion.
About Liquid Splash
Liquid Splash introduces a flowing background that reacts as visitors move across it. Its controls separate the look of the liquid from its movement, allowing a restrained wash or a brighter, more active field.
Force, curl and fading influence how trails behave, while shading and illumination shape their appearance. A transparent background option allows the effect to sit within an existing composition.
Component details
Adds an interactive fluid background to hero sections and landing pages.
Cursor and touch movement drive the liquid effect; force, splash radius, curl and fading are adjustable.
Custom fluid colors, rainbow mode and transparent backgrounds are supported.
Brightness, light intensity, shading, background color and color-animation speed can be changed.
The publisher documents adaptation across screen sizes and touch interaction support.
Drop the component onto a Framer page and configure its Property Controls. Rendering uses WebGL.
Related components
View all
Built something worth finding?
Submit a site, template, component or tool built with any stack. We will add it to the atlas.