xiry.

Development · Web app

Shaders

Open-source WebGPU shader component library and free design editor.

From the Xiry library · Updated 10 October 2026

Visit shaders.com ↗

Also at github.com

Shaders is an open-source library that provides production-ready WebGPU shader visual effects packaged as components for modern web frameworks. It includes a browser-based design editor to visually customize, create, and export shader effects directly into code.

What it's for

  • Add interactive GPU-accelerated background effects to web landing pages
  • Customize shader visuals visually in the design editor before exporting to code
  • Incorporate high-performance WebGPU graphics into React, Vue, Svelte, or Solid apps

Features

  • Support for React, Vue, Svelte, Solid, vanilla JavaScript, and Framer
  • Production-ready WebGPU shader components and pre-built sections
  • Free web-based design editor to create and tweak shader parameters
  • Open-source codebase distributed under the MIT license
  • Extensive preset library for backgrounds and creative frontend effects

Pricing

Open source. Free and open source (MIT license)

Details

Type
Web app
Category
Development
Topic
UI Components
Open source
Yes
Platforms
Web, Code library
For
Frontend developers, creative developers, and design engineers
Alternative to
Three.js, React Three Fiber, ShaderToy
Tags
webgpu, shaders, creative coding, react, vue, svelte, frontend

Why it was saved

  • @marchantweb, 23 September 2025: Lets developers add jaw-dropping creative shader/visual effects to web apps built with React, Vue, Svelte, Solid or plain JS, composed as components.
  • @MengTo, 10 October 2026: The source library the tweet is about; the thing you actually install or copy components from.

Compare

Related

  • shadcn/ui

    Copy-paste React UI components built with Tailwind CSS and Radix primitives.

  • Efferd

    Pre-built, responsive shadcn/ui blocks and layouts for React applications

  • Motion

    Open-source animation library for React, Vue, and vanilla JavaScript

  • React Bits

    Open-source animated and interactive React UI components and backgrounds

  • 21st.dev

    Curated directory of crafted React, Tailwind, and shadcn UI components.

  • lucide-animated

    Open-source animated React icons built with Lucide and Motion

All 114 in UI Components →

Updated