Paper Shaders – Ultra-fast zero-dependency shaders

Shaders

Component library for creative WebGPU effects in modern frontend frameworks. Compose interactive visuals for Vue, React, Svelte and Solid.

Shadeup is a language (DSL) crafted to make shaders a breeze. Powered by WebGPU, extended from TypeScript, and designed to minimize boilerplate

The Best Darn Grid Shader (Yet)

For as long as I’ve been writing shaders, there’s been one specific shader I’ve always tried to write…

modular and versioned GLSL

a WebGL demo of glsl-lut, for efficient color transforms on the GPU. source code here Contents # Intro glslify Installing Dependencies Compiling The Shader Relative Requires Example Modules The Awesomeness of NPM Unit Testing Extras As a Source...

Next.js by Vercel - The React Framework

Production grade React applications that scale. The world's leading companies use Next.js by Vercel to build static and dynamic websites and web applications.

FragCoord.xyz

A shader editor for writing, debugging, and sharing.

tldraw: Infinite Canvas SDK for React

The tldraw SDK provides tools, services, and APIs to build beautiful whiteboards and infinite canvas applications with real-time collaboration and a powerful React-based canvas.

Shades of Halftone - The Blog of Maxime Heckel

An interactive deep dive into building halftone shaders in GLSL, covering everything from classic dot patterns and CMYK color separation to Moiré interference, gooey effects, and animated displacement.

Mantine

A fully featured React components library with 120+ customizable components, hooks, and utilities. Build accessible web applications faster.

stack.gl

Before getting started with stackgl, you'll want to get familiar with the basics of WebGL and GLSL. One place to start would be by trying out one of our graphics-themed NodeSchool workshops. Shader School and WebGL Workshop are interactive and may be taken in any order.

Highlighters

Realistic, customizable highlighter-pen marks for the web. Bindings for React, Vue, and Svelte.

Shadertoy

Build shaders, share them, and learn from the best community.

React

React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine components written by independent people, teams, and organizations.

srcl

SRCL is an open-source React component and style repository that helps you build web applications, desktop applications, and static websites with terminal aesthetics.