1,000+ pro shaders, new drops weekly
Unlock our extensive library of pro shader components, copy-and-paste section prompts for your agent, and every new drop.
$120 billed annually · cancel anytime
Built on open source
Every shader is created with our MIT-licensed components and runtime.
Optimized for performance
Extensively tuned to be lightweight and not slow down your browser.
Fully customizable
All props are exposed. Animate anything in code or open it in the design editor.
Explore 1,000+ pro shaders
55+ pre-made sections, ready to copy/paste
Copy a prompt, paste it into your agent, and it builds the section in your project.
Works with Claude Code, Cursor, Codex and more
Showing 6 of 59 sections
Glitch Rays HeroHero
Irradiance Logo HeroHero
Polyhedron FooterFooter
Voxel Logo CTACTA
Grid Shift HeroHero
Docket HeroHero
What's new in Pro?
October 2026
Latest47 new shaders in 9 collections
September 2026
36 new shaders in 12 collections
Also new: Brass, Bouncy Light Logo, Pixel Ink, Nebula Logo
August 2026
136 new shaders in 29 collections
Also new: Pixel Party, Specular Lines, Data Cube, Digidots and 17 more
July 2026
100 new shaders in 26 collections
Also new: Fringe, Glowsticks, Static Noise, Point Waves and 14 more
Trusted by teams who ship
Design engineers at these companies build with Shaders Pro.
Pricing
Annual
Cancel anytime
$10/ month
$120 billed annually
Lifetime
Every future drop included
$299
One-time purchase
- 1,000+ pro shaders
- 55+ website sections
- HD video and image renders
- Pro in Framer, CLI and MCP
- Unlimited version history
- Discord role / channel
- Priority support
Questions about Pro
Still have questions? support@shaders.com
What's the difference between Pro and lifetime?
Only how you pay. Both include the full library, every section, and every Pro feature. Pro is $10 a month, billed $120 a year, and renews until you cancel. Lifetime is $299 once and never renews.
Can I cancel anytime?
Yes. Pro stays active until the end of the year you've paid for.
What happens to my exported shaders if I cancel?
They keep working. Anything you exported while Pro was active stays licensed for the projects you used it in. Opening or exporting new Pro shaders needs an active plan.
Can I use Pro shaders in paid client work?
Yes, in your own projects and in projects you build for clients, as many as you like. You just can't resell or redistribute the shaders themselves. See the license for the details.
Will Pro shaders work with my stack?
Yes. They're regular Shaders components, so they work in React, Vue, Svelte, Solid or plain JavaScript. Install them with the CLI, add them in Framer with the plugin, or have your AI agent add them through the MCP.
Will Pro shaders slow my site down?
Our pro shaders and the shaders runtime in general is performance-optimized to ensure everything stays as lightweight as possible. Naturally, the more shaders you use, or the larger surface you cover, the more work the GPU has to do; but in 99% of cases these will perform exceptionally.
How often do new shaders come out?
We aim to release new pro shaders every week. What's new in Pro shows what dropped recently, and both plans include everything released after you join.
What's your refund policy?
Pro purchases aren't refundable, but you can cancel anytime and keep Pro until the end of the period you've paid for. If something's gone wrong, email support@shaders.com and we'll work it out.
Do you offer regional or student pricing?
Yes. For regional or student pricing, email proof of residence or student ID to support@shaders.com for a discount code.

