Explore a growing library of hundreds of customizable shader presets including animated backgrounds, logo effects, image effects, liquid glass, ASCII, dithering, and more — all designed for modern websites.
Install presets directly into your Framer project in seconds, then customize key properties in the edit panel. Add animated backgrounds that match your brand, logo effects built around your company logo, or image effects that transform your media with motion and interactivity.
Landing pages
Hero sections
Portfolio sites
Startup websites
Product launches
Creative brands
Interactive UI design
Hundreds of shader presets
Background, logo, and image effects
One-click installation
Customizable key props for all presets
WebGPU-powered rendering
Frequently updated preset library
All presets can be installed and customized for free as watermarked previews. Once you're happy with the result, upgrade to Shaders Pro to unlock production-ready installs. Any preview presets already used in your project will automatically unlock after purchase.
Pro users can also create their own custom shader effects at shaders.com using the powerful Design Editor, then one-click import them into Framer, ready to ship.
Need help or want to share your work? Join the Shaders community on Discord or email us at support@shaders.com
Explore a growing library of hundreds of customizable shader presets including animated backgrounds, logo effects, image effects, liquid glass, ASCII, dithering, and more — all designed for modern websites.
Install presets directly into your Framer project in seconds, then customize key properties in the edit panel. Add animated backgrounds that match your brand, logo effects built around your company logo, or image effects that transform your media with motion and interactivity.
Landing pages
Hero sections
Portfolio sites
Startup websites
Product launches
Creative brands
Interactive UI design
Hundreds of shader presets
Background, logo, and image effects
One-click installation
Customizable key props for all presets
WebGPU-powered rendering
Frequently updated preset library
All presets can be installed and customized for free as watermarked previews. Once you're happy with the result, upgrade to Shaders Pro to unlock production-ready installs. Any preview presets already used in your project will automatically unlock after purchase.
Pro users can also create their own custom shader effects at shaders.com using the powerful Design Editor, then one-click import them into Framer, ready to ship.
Need help or want to share your work? Join the Shaders community on Discord or email us at support@shaders.com
