shaders's banner

shaders

@npm_i_shaders • 9,050 subscribers

The open source shader component library ✨

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

322,365 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

Big news. Shaders is now open source 🔥 Use any of our 200+ WebGPU components in your work. Ship magic in a client site, a template, a product, a library, anything. Plus, you can export code for any framework, for free. Give it a star:

Big news. Shaders is now open source 🔥 Use any of our 200+ WebGPU components in your work. Ship magic in a client site, a template, a product, a library, anything. Plus, you can export code for any framework, for free. Give it a star:

593,693 views • 18 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 • 1 year ago

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.

69,911 views • 3 months ago

40+ ready-to-use web sections are now live, and we're adding new ones every week. Copy & paste a single prompt to ship magic ✨

40+ ready-to-use web sections are now live, and we're adding new ones every week. Copy & paste a single prompt to ship magic ✨

40,790 views • 3 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,790 views • 6 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 • 8 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,530 views • 1 year 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,846 views • 5 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 👀

16,372 views • 8 months ago

No more content to load