Shaders by Paper brings 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.
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.
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.
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.
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.
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.
Shaders by Paper for Framer is an independent product, not affiliated with paper.design.
The shaders come from the open source Paper Shaders library, released under the Apache 2.0 license.
Shaders by Paper brings 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.
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.
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.
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.
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.
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.
Shaders by Paper for Framer is an independent product, not affiliated with paper.design.
The shaders come from the open source Paper Shaders library, released under the Apache 2.0 license.
