Plugin icon

Sol

Create animated gradients, interactive grids and custom shapes, all straight in Framer.

Rolans
Rolans
Creator
7 days ago
Updated
Paid
Pricing
Screenshot 0
Screenshot 1
Screenshot 2
Screenshot 3

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

What's included

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.

Dependency-free

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

The lifetime license for Sol costs 39 EUR.

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!

Changelog
Version 3 β€’ 8 days ago

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

Show all versions
Refund Policy

Framer does not handle refund processing. All products are purchased directly from their respective creators. Please review their refund policy before making any purchase.

Become a creator today

Submit a template or plugin, get featured, and get paid – all in just a few clicks.

Avatar

Connelly Rader

Building Framer Templates in my free time. Framer Expert & Contra Top Independent.

9 Templates

Avatar

Favorit × Frame

Framer Expert Duo Crafting Minimal Framer Templates With a Premium Touch.

7 Templates

1 Plugin

Avatar

ena supply

Building visually striking, and highly functional Framer sites.

18 Templates

Avatar

LottieFiles

1 Plugin

Avatar

Goran Babarogic

Product Designer. In love with Framer.

18 Templates

Avatar

Clonify

An ever-growing design library of stunning sections and templates.

20 Templates

1 Plugin