shader-effects-inc / shaders

WebGPU components for React, Vue, Svelte, Solid, JS & Framer

DavidHDev / canvas-ui

A library of creative canvas components. Real HTML with WebGL effects running over it. React, Vue, Svelte, vanilla.

paper-design / shaders

Zero-dependency canvas shaders that can be installed from npm or designed in Paper

software-mansion / TypeGPU

A modular and open-ended toolkit for WebGPU, with advanced type inference and the ability to write shaders in TypeScript

ChartGPU / ChartGPU

Beautiful, open source, WebGPU-based charting library

gre / gl-react

gl-react – React library to write and compose WebGL shaders

ruucm / shadergradient

Create beautiful moving gradients on Framer, Figma and React

vercel-labs / vgpu

Modular cross-runtime WebGPU library for shaders, 3D scenes, GPU tensors, neural networks, and math viz

fand / vfx-js

WebGL effects made easy.

basementstudio / shader-lab

A powerful toolkit to create, stack, and animate shaders.

ybouane / liquidglass

A liquid glass effect library for the web. Apply realistic glass refraction, blur, chromatic aberration, and lighting effects to any HTML element using WebGL shaders.

Appllama / liquid-glass-screens

Explore liquid-glass welcome screens with floating stickers and interactive swipe animations.

CruxGarden / plasma-ui

Liquid glass components for React

Appllama / liquid-glass-chat-ui

Explore liquid-glass chat UIs with animated portraits, interactive stories, and floating composers.

dmitrykurash / holocloth

Real-time holographic cloth design tool. Drape posters and graphics on simulated fabric — iridescent foil shader, Verlet cloth physics, macro depth of field, film grain, bump maps, and transparent PNG export. Built with Three.js (WebGL 2), React, and DialKit. Physics and shaders written from scratch.

shadcn-labs / shadercn

Beautiful shader components, built on vgpu and TypeGPU. 100% Free, Zero config, one command setup.

StarKnightt / summer-cycle

A Studio Ghibli / Makoto Shinkai style cycling game in Three.js. Toon-shaded Japanese countryside with four times of day - every mesh, texture and sound generated in code.

2600th / web-ocean-3d

A real-time spectral ocean and tropical island in Three.js, WebGPU and TSL: FFT waves, water optics, shore break, foam, caustics, buoyancy, wakes, underwater transitions and a volumetric sky, with a WebGL2 fallback.

Minecraftgoose / GooseHyperGlassCDN

在网页上使用液态玻璃，CDN引入，任何人都能用

niklasp / gpuslider

A slider drawn by shaders: WebGPU, or WebGL 2 where there is none. A 4.7 KB core, everything else a plugin.