Sol is a plugin within Framer that lets you create dynamic backgrounds and unique shapes. Directly in Framer, you can create and customize animated gradients, interactive backgrounds, and custom shapes.

Key Features

Interactive Elements

• Dot Grids: Interactive grids that respond to hover (or mobile touch). Customizable options include rotation, color, spacing, and border radius.

• Gradients: Offers a variety of animated gradients (up to 16 colors, with a slight grain effect included).

• Tiles: Randomly animated grids. Perfect for use as backgrounds.
  
  
  

Shape Creation

• Blobs: Organic shapes with endless variations.

• Squircles: Rounded rectangles with smoother curves than traditional ones.

• Supershapes: Create various shapes like stars, flowers, and drops based on the Superformula with just 5 parameters.

• Polygons: Polygons with a desired number of sides. Can be curved inwards/outwards to form rounded or star-like shapes.

Features

• No Dependencies: Doesn't add extra weight to your website as it requires no additional JavaScript libraries.

• Based on Standard Web Technologies: Ensures performance and compatibility.

• Animated gradients and Dot Grids are WebGL-based and very fast, but they are limited to a maximum of 8 instances on a single canvas or web page. Ideal for highlighting key scenes like the hero section.

Pricing

A lifetime license for Sol costs 49 euros.