Shaders screenshotVisit website

Shaders

3D & Motion

Freemium

About

Compose WebGPU shader components and export them to code.

Shaders is an open source WebGPU shader component library under the MIT license, for Vue, React, Svelte, Solid and JS. You mix and match hundreds of base components to create something new, and compose and export them in its design editor instead of writing shader code by hand.

Features & use cases

  • Mix and match hundreds of shader components
  • Compose shaders in a design editor
  • Export shaders for Vue, React, Svelte or Solid
  • Use WebGPU components under the MIT license

Who reaches for it

  • Front end developers adding shader backgrounds and effects to a site
  • Designers who want WebGPU visuals without writing shader code

Getting it

Shaders is open source under the MIT license and publishes documentation. It has a pricing page.

Ready to try Shaders?

Opens shaders.com in a new tab.

Visit website

Similar tools

The weekly drop

The best new tools, every week. No spam, unsubscribe anytime.

Alternatives & related tools

Morflax Studio preview

Morflax Studio

Browser-based 3D and motion studio aimed at product and brand work.

Doppio preview

Doppio

Curated templates plus an editor for turning them into static visuals or motion reels.

Pryzm preview

Pryzm

Browser studio for original backgrounds and animated loops, exported ready to use.

Motioner preview

Motioner

Motion workspace built like design software rather than a video timeline.

Endless Tools preview

Endless Tools

Tool for creating 3D Objects and Spaces

Rive preview

Rive

Build interactive, state-driven animations for any platform.

Swishy preview

Swishy

AI motion design for turning static type and layouts into animation.

Screenshot Studio preview

Screenshot Studio

Build App Store screenshot sets without opening a design tool.

More in 3D & Motion

See all 64
Momentum Graphics preview

Momentum Graphics

Turns static visuals into motion for social posts, portfolios and presentations, right in the browser.

Aninix preview

Aninix

Animation editor that turns Figma designs into interactive Lottie animations.

Showreel.design preview

Showreel.design

Curated archive of the best motion design reels from studios and creators, updated weekly.

useAnimations preview

useAnimations

Library of animated micro-interaction icons built with Lottie.