Documentation — Shaders

presets sections agents 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

Get started

Start shipping magic to your frontend in minutes

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

Explore presets Explore presets

Product

Home
Agents
Framer
Pricing
Support

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