Fluid Gradient Blobs is a dynamic animated background component designed to bring depth and motion to your layouts.
Multiple gradient blobs float across the canvas with smooth organic motion while subtly reacting to the user's cursor. The result is a fluid, atmospheric background that adds visual interest without distracting from your content.
Each blob blends together using soft blur and additive color blending to create rich gradient transitions and glowing color interactions.
You can easily customize colors, animation speed, blur intensity, blob shapes, and mouse reactivity directly inside Framer, making it simple to adapt the effect to different design styles — from subtle backgrounds to vibrant hero sections.
Perfect for landing pages, portfolios, and modern UI interfaces.
https://gradientblobs.framer.website/
Mouse Reactivity – Controls how strongly the blobs react to cursor movement
Animation Speed – Adjust the overall speed of the floating blob motion
Blob Shape – Choose between Circle, Ellipse, Square, Diamond or Ring shapesBlur Amount – Controls the softness of the gradient blobsBlob Opacity – Adjust the transparency of the blobs
Blob Color 1–5 – Set the colors of each animated blobBG Gradient Start – Starting color of the background gradientBG Gradient End – Ending color of the background gradient
Hero backgrounds · Landing pages · Portfolio websites · Product pages · Creative UI sections · Interactive backgrounds · Modern website headers
All sales of digital products are final and non-refundable.If you have any questions about the product, please contact me at info@carontefrancesco.it before completing your purchase. I'm happy to help.
Francesco Caronte
