Sol Framer plugin

Sol lets you generate animated gradients, interactive backgrounds, and custom shapes directly within Framer. Customize the details to your liking and say goodbye to dull visuals!

What's Included

Interactive:

• Dot Grids: Interactive grids that respond to hover or touch. Customize rotation, color, offset, corner radius and more.
• Gradients: Animated gradients (with optional grain). Use up to 16 colors.
• Tiles: Randomly animated grids, perfect for backgrounds.

Shapes:

• Blobs: Organic shapes with infinite variations.
• Squircles: Smoother rounded rectangles.
• Supershapes: Generate stars, flowers, droplets, and more using just 5 parameters based on the superformula.
• Polygons: Polygons with any number of sides. Sides can be bent inwards or outwards for rounded or star-like shapes.

All components are highly customizable, from color and shape to easings, and support unlimited inner and outer shadows.

Dependency-Free

Sol doesn't add any extra dependencies or JavaScript libraries to your Framer project, keeping your website size small. It's built using standard web technologies.

Important Note

Animated gradients and dot grids are WebGL-based. While performant, limit them to a maximum of 8 per canvas/page. Use them for hero moments!