Shaders

Add production-ready creative effects to your web projects with this component library for WebGPU. It provides a simple way to compose interactive visuals for modern frontend frameworks like Vue, React, Svelte, and Solid. The power lies in its component-based architecture, allowing you to stack, nest, mask, and blend effects for endlessly customizable results.

You don't need any prior experience with shader programming or GLSL. The visual editor lets you design complex effects intuitively and then export clean, production-ready code directly for your project.

Use it to enhance key UI surfaces:

• Landing Pages: Create full-width immersive experiences.
• Dashboards: Establish a strong visual identity for your product.
• Bento Cards: Draw attention to specific features.
• Interactive Media: Animate and enhance your images and videos.