---
title: "Shaders by Paper — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by Fred Moon · Media · ranked #59 among Framer plugins. Shaders by Paper brings paper.design 's open source WebGL shader library into Framer as native components."
canonical: "https://framer.elliotli.dev/plugin/shaders-by-paper"
---

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

# Shaders by Paper

Library of interactive shaders

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

## Summary

Shaders by Paper brings paper.design 's open source WebGL shader library into Framer as native components.

## Description

Shaders by Paper brings [paper.design](http://paper.design)'s open source WebGL shader library into Framer as native components. Insert a shader from the gallery and every setting shows up as a regular Framer control: colors, sliders, toggles, and image inputs.

## Native Framer variants and transitions

The most valuable and unique feature of this plugin is the support for Framer variants: you can wrap a shader inside a native Framer component and create as many variants as you need.

This allows you to play with scroll triggers, scroll variants, hover states, clicks, etc. Basically all native Framer events and transitions.

## Demos & walkthrough

-   [Demo Site (Live link)](https://shadersbypaper.framer.ai/)
    
-   [Demo Video (YouTube)](https://youtu.be/pxw9YFggXqg)
    
-   [Walkthrough tutorial](https://youtu.be/G5kWeZIlQAU)
    
-   [More demos and examples](https://x.com/fw3d/status/2082772796430540974) (x.com)
    

## Native easing curves

For each of your variant, you can pick the easing and duration in the Transition control. Visitors who prefer reduced motion get the end state directly.

## 29 shaders, infinite combinations

The library has 29 shaders in three categories:

-   Image filters (6), such as Paper Texture and Fluted Glass
    
-   Logo animations (3), such as Heatmap and Liquid Metal
    
-   Effects (20), such as Mesh Gradient and Dot Orbit
    

Each shader ships with its original presets.

## Import straight from Paper

If you design in Paper, there is a shortcut: copy a shader on the Paper canvas and paste it into the plugin's Paste import tab. It becomes a Framer component with the same settings, ready to use.

## License

The first shader in each category is free forever, with no watermark: Paper Texture, Heatmap, and Mesh Gradient.

A one-year license unlocks the other 26 shaders and the paste import:

-   39€ for one Framer account
    
-   or 149€ for a team key that covers five Framer accounts
    

There is no subscription, and everything you placed keeps working even if the license expires.

## About

[Read the documentation here](https://framerlabs.com/documentation/paper-shaders-intro)

Shaders by Paper for Framer is an independent product, not affiliated with [paper.design](http://paper.design).

The shaders come from the open source [Paper Shaders](https://github.com/paper-design/shaders) library, released under the Apache 2.0 license.

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

-   All · #59

## Details

- **Author**: Fred Moon
- **Published**: 2026-07-08
- **Updated**: 2026-08-10
- **Added**: 2026-07-08
- **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