---
title: "Sol — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by Teyah · Media. Sol allows you to create animated gradients, interactive backgrounds and custom shapes straight in Framer, and customize the details later."
canonical: "https://framer.elliotli.dev/plugin/sol"
---

[Home](/)/[Plugins](/plugins)/[Media](/plugins/category/media)/Sol

# Sol

Animated gradients

[View on Framer](https://framer.com/marketplace/plugins/sol/?via=elliot-li)

![Sol preview image 1](https://framer.elliotli.dev/og/plugin/sol/134a291a5d458678/1600x1200.jpg)

## Summary

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

## Description

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 49 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!

## Rank history [How rankings work →](/terms#rankings)

-   All · #997

## Details

- **Author**: Teyah
- **Published**: 2024-09-30
- **Updated**: 2025-04-19
- **Added**: 2024-09-28
- **Categories**: Media

## More like this

-   [Model Prep](/plugin/model-prep) — Litchi Solutions · Free — Compress 3D models, add finishes
-   [Animated Diagram Builder](/plugin/animated-diagram-builder) — Luke Sn · Free — Build animated workflows visually.
-   [Bandwidth Saver - Cloudflare R2](/plugin/bandwidth-saver-cloudflare-r2) — Luke Sn · Free — Host videos in your own Cloudflare
-   [SVG Flower Generator](/plugin/svg-flower-generator) — Eugenio Ciccale · Free — Geometric SVG Flower Generator