shaders's banner

shaders

@npm_i_shaders • 6,085 subscribers

The design platform for web shaders. Your toolkit to ship magic, without writing shader code. Supports Vue, React, Svelte, Solid, JS & Framer ✨

Shorts

Introducing Shaders MCP 🔥 The way you build shaders just changed. Your agent now finds, tweaks, and ships the perfect shader preset; or designs one from scratch. Available for Pro users today at

Introducing Shaders MCP 🔥 The way you build shaders just changed. Your agent now finds, tweaks, and ships the perfect shader preset; or designs one from scratch. Available for Pro users today at

321,530 views

Announcing: Shaders × bolt.new The perfect shader is now just a prompt away. Ask Bolt to search from hundreds of presets, install, customize, and start shipping magic ✨ The official Bolt connector is available today for Shaders Pro users

Announcing: Shaders × bolt.new The perfect shader is now just a prompt away. Ask Bolt to search from hundreds of presets, install, customize, and start shipping magic ✨ The official Bolt connector is available today for Shaders Pro users

16,544 views

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

Introducing Shaders v3 🔥 Our biggest release yet. Built for design engineers who ship magic. Design production-ready WebGPU shader effects on an infinite canvas, powered by a new rendering engine that's up to 25× faster.

Introducing Shaders v3 🔥 Our biggest release yet. Built for design engineers who ship magic. Design production-ready WebGPU shader effects on an infinite canvas, powered by a new rendering engine that's up to 25× faster.

66,536 views • 8 days ago

✨ Introducing Shaders A first-of-it's-kind component library for jaw-dropping effects and frontend magic, shipping soon for Vue, React & Svelte.

✨ Introducing Shaders A first-of-it's-kind component library for jaw-dropping effects and frontend magic, shipping soon for Vue, React & Svelte.

308,301 views • 10 months ago

html-in-canvas has been achieved internally glass, ascii, dither, ripples... on any surface 🤯

html-in-canvas has been achieved internally glass, ascii, dither, ripples... on any surface 🤯

71,049 views • 3 months ago

Introducing Public Beta for Shaders ✨ The wait is over 🎉 Try it now for Vue , React , Svelte & SolidJS

Introducing Public Beta for Shaders ✨ The wait is over 🎉 Try it now for Vue , React , Svelte & SolidJS

88,699 views • 5 months ago

Just crossed 600+ presets, including the new "Undertones" collection → glass distortion meets flowing color ✨ One-shot a clean minimalist hero with bolt.new to see it in action 👀

Just crossed 600+ presets, including the new "Undertones" collection → glass distortion meets flowing color ✨ One-shot a clean minimalist hero with bolt.new to see it in action 👀

22,738 views • 2 months ago

Here’s a first look at the Shaders Design Editor ✨ From blank canvas to interactive hero section in 2 minutes⏱️. Shipping soon for Vue, React & Svelte.

Here’s a first look at the Shaders Design Editor ✨ From blank canvas to interactive hero section in 2 minutes⏱️. Shipping soon for Vue, React & Svelte.

63,314 views • 9 months ago

Introducing the "Preview" component... Try any shader in your project codebase, including Pro presets, in 60 seconds ⚡️ npm install, copy a single component tag, see it live 👀

Introducing the "Preview" component... Try any shader in your project codebase, including Pro presets, in 60 seconds ⚡️ npm install, copy a single component tag, see it live 👀

15,894 views • 5 months ago

No more content to load