About Shaders
Shaders brings stunning WebGPU effects directly into Framer.
Explore a growing library of 1,000+ customizable shaders including animated backgrounds, logo effects, image effects, liquid glass, ASCII, dithering, and more.
Install shaders 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.
Perfect for:
Landing pages
Hero sections
Portfolio sites
Startup websites
Product launches
Creative brands
Interactive UI design
Features:
1,000+ pro-grade shaders
Background, logo, and image effects
One-click installation
Customizable key props for all shaders
WebGPU-powered rendering
Frequently updated shader library
External Data
Shaders connects to shaders.com to power its features. Signing in authenticates against your shaders.com account. No design content, project data, or personal Framer data is ever sent to shaders.com beyond what's needed for these operations.
Support / Community
Need help or want to share your work? Join the Shaders community on Discord or email us at support@shaders.com
