VueReactSvelteSolidFramerJavaScript

1,000+ pro shaders, new drops weekly

$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

Popular

55+ pre-made sections, ready to copy/paste

Copy a prompt, paste it into your agent, and it builds the section in your project.

Showing 6 of 59 sections

What's new in Pro?

October 2026

Latest

47 new shaders in 9 collections

September 2026

36 new shaders in 12 collections

August 2026

136 new shaders in 29 collections

July 2026

100 new shaders in 26 collections

Trusted by teams who ship

Design engineers at these companies build with Shaders Pro.

Vercel
Shopify
Adobe
Framer
Microsoft
Supabase
Lovable
WorkOS

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.