Sol
Create animated gradients, interactive grids and custom shapes, all straight in Framer.
Sol allows you to create animated gradients, interactive backgrounds and custom shapes straight in Framer, and customize the details later. No more boring visuals!
Interactive:
πͺ 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;
π Tiles - Grids that randomly animate. Perfect for backgrounds.
Shapes:
𫧠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;
πΆ Polygons -polygons with any number of sides. Sides can be bent inwards or outwards, creating a rounded or star-like shapes.
All the components are highly customizable, from color to shape, to easings. All the shapes support unlimited inner and outer shadows.
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.
The lifetime license for Sol costs 39 EUR.
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!
New features:
New component - tiles! Similar to dot grids, but animated with noise;
New component (another one!) - polygons. Create polygons with a custom number of sides and bend their sides;
All the shapes now support unlimited inner and outer shadows;
Settings - now you can submit bug reports or feature requests straight from the plugin, and see plugin info.
Previews look nicer now, especially in the light mode.
Bug fixes:
WebGL-powered components no longer crash on canvas and now reinitialize instantly. If you run into context limit, you will see a message.
Other:
Better performance - WebGL components are now capped at 60FPS to make them more power-efficient;
Shape components look sharper now;
Trial removed
Framer does not handle refund processing. All products are purchased directly from their respective creators. Please review their refund policy before making any purchase.
All Plugins
Submit a template or plugin, get featured, and get paid β all in just a few clicks.
Connelly Rader
Building Framer Templates in my free time. Framer Expert & Contra Top Independent.
9 Templates
Favorit ΓβFrame
Framer Expert Duo Crafting Minimal Framer Templates With a Premium Touch.
7 Templates
1 Plugin
ena supply
Building visually striking, and highly functional Framer sites.
18 Templates
LottieFiles
1 Plugin
Goran Babarogic
Product Designer. In love with Framer.
18 Templates
Clonify
An ever-growing design library of stunning sections and templates.
20 Templates
1 Plugin