Sol

Sol allows you to create animated gradients, interactive backgrounds and procedural shapes straight in Framer, and customize the details later. No more boring visuals!

Included:

🪟 Dot grids - interactive grids that respond to hover (or press on mobile). Customizable properties include rotation, color, offset, corner radius and more;

🌈 Gradients - several kinds of animated gradients (with some grain sprinkled on top). It's possible to use up to 16 colors;

🫧 Blobs - organic shapes with infinite amount of variations;

🟧 Squircles - rounded rectangles, but smoother;

🌸 Supershapes - based on superformula, this generator allows you to generate stars, flowers, droplets and more using just 5 parameters.

Dependency-free

Unlike many similar solutions, Sol does not add any extra dependencies or JavaScript libraries to your Framer project, meaning that your website size will stay small. It is built using standard web technologies.

Pricing & free trial

The lifetime license for Sol costs 39 EUR. But don't worry - you can try it for free for a week, no strings attached, and decide if you like it before making a purchase decision.

FYI

Animated gradients and dot grids are based on WebGL. While it allows them to be highly performant, it also comes with one limitation: the maximum amount of those on a single canvas or website page should not exceed 8. Use them for hero moments, and have fun!