Shader Color is three groundbreaking typefaces that reimagine our existing design Shader for its Color Font debut. Shader 16 boasts bright 16-bit pixels. Shader 64 revels in shiny 64-bit chrome. Shader Glitch conjures a future where technology conspires against us.
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…
Shaders
Component library for creative WebGPU effects in modern frontend frameworks. Compose interactive visuals for Vue, React, Svelte and Solid.
software-mansion/TypeGPU
A modular and open-ended toolkit for WebGPU, with advanced type inference and the ability to write shaders in TypeScript
Spectral rendering, part 3: Spectral vs. RGB
Now that we have a spectral renderer, it is time to see if it was worth the effort. I hope you agree with my reasoning in part 1, that RGB rendering does not match the physical reality, but does it really matter? We will now compare RGB rendering to spectral rendering using my spectral path tracer. In the process, we will look at various types of light sources. RGB rendering simply multiplies RGB triples of illuminants and textures component-wise to arrive at the linear RGB color displayed on screen. Spectral rendering uses proper illuminant spectra (mostly from LSPDD.org) and reflectance spectra that are upsampled from sRGB using Fourier sRGB.
Stylized GGX shading | Alexandre Lamure
A practical guide to stylized GGX shading: mixing sharp toon specular highlights with soft PBR gradients.
2024 Display of the Year: E Ink Spectra 6
Font with Built-In Syntax Highlighting
An experiment in javascript-free syntax highlighting, made possible by opentype contextual alternates and COLR table
Flat UI Colors 2 - 14 Color Palettes, 280 colors 🎨
280 handpicked colors ready for COPY & PASTE
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.
Fontsource
Download and self-host 1500+ open-source fonts in neatly bundled NPM packages. Access a comprehensive library of web typefaces for free.
