---
title: "Shaders Kit — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by Apex Interactive · Media. Shaders Kit is a collection of 50 customizable shader effects, animated backgrounds, image filters, and visual effects made for Framer."
canonical: "https://framer.elliotli.dev/plugin/shaders-kit"
---

[Home](/)/[Plugins](/plugins)/[Media](/plugins/category/media)/Shaders Kit

# Shaders Kit

Shaders, Filters, Animated Effects

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

![Shaders Kit preview image 1](https://framer.elliotli.dev/og/plugin/shaders-kit/a65a3efbf1404f45/1600x1200.jpg)

## Summary

Shaders Kit is a collection of 50 customizable shader effects, animated backgrounds, image filters, and visual effects made for Framer.

## Description

**Shaders Kit is a collection of 50 customizable shader effects, animated backgrounds, image filters, and visual effects made for Framer.**

Create eye-catching **animated shaders, interactive backgrounds, image effects, distortions, gradients, particles, patterns, lighting effects, and scroll-based visuals** directly inside Framer.

**50 shaders across 3 collections**

**Effects — 37** · Aurora, Bokeh, Caustics, Dithering, Dot Grid, Dot Orbit, God Rays, Grain Gradient, Kaleidoscope, Magma, Black Hole, Waves, Warp, Voronoi, Topography and more.

**Filters — 10** · Apply stylized shader-based effects to your own images, including halftone, dithering, distortion, glitch, texture, dissolve and other creative image treatments.

**Logo — 3** · Add animated and stylized shader effects to logos and graphic elements.

**Still, Animated & Scroll**

Use shaders as static visuals, turn them into **animated effects**, or create **scroll-responsive experiences** for hero sections, landing pages, portfolios, product showcases, backgrounds and experimental layouts.

**Fully Customizable**

-   Colors
    
-   Speed
    
-   Scale
    
-   Intensity
    
-   Noise
    
-   Distortion
    
-   Glow
    
-   Softness
    
-   Shapes
    
-   Lighting
    
-   Animation behavior
    
-   Layout and size
    

Preview your changes instantly and insert the finished effect directly into your Framer project.

**Perfect for**

-   Animated website backgrounds
    
-   Hero section effects
    
-   Creative landing pages
    
-   Interactive portfolios
    
-   Shader animations
    
-   Image filters
    
-   Abstract visuals
    
-   Grain and noise effects
    
-   Distortion and glitch effects
    
-   Liquid and fluid visuals
    
-   Particle effects
    
-   Scroll animations
    
-   Logo effects
    

**Highlights**

-   **50 customizable shaders**
    
-   **37 visual effects**
    
-   **10 image filters**
    
-   **3 logo effects**
    
-   **Still mode**
    
-   **Animated mode**
    
-   **Scroll-based effects**
    
-   **Live customization controls**
    
-   **Custom colors and presets**
    
-   **Responsive output sizes**
    
-   **Insert directly into Framer**
    

From subtle **grain, noise and gradient effects** to dramatic **Magma, Black Hole, God Rays, Caustics and animated distortions**, **Shaders Kit** gives you a fast way to create modern shader visuals without leaving Framer.

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

-   All · #286

## Details

- **Author**: Apex Interactive
- **Published**: 2026-08-29
- **Updated**: 2026-08-29
- **Added**: 2026-08-29
- **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