Documentation — Shaders

presets sections mcp pricing resources

Documentation

NPM Version

Documentation Components

What is shaders?
Quickstart
Composing Effects
Layout & Positioning
Blending & Masking
Props & Reactivity
Transforms
Dynamic Props
Shape / SDF Effects
Color Space
Telemetry
Hooks & Events
Shaders MCP
shadcn Registry
Performance
Next.js / SSR

Start shipping magic to your frontend in minutes

Join 15,000+ design engineers shipping next-gen WebGPU effects.

Explore presets Explore presets

Product

Home
MCP
Pricing
Support

Frameworks

React
Vue
Svelte
Solid
JavaScript
Framer

Presets

Explore
Backgrounds
Logo Shaders
Image Effects

Resources

Learn
Documentation
Components
Updates
WebGPU check

Legal

Privacy
Terms
License

© 2026 Shader Effects Inc. All rights reserved.
Shaders™ is a trademark of Shader Effects, Inc.

X Discord YouTube npm