Realtime graphics lab / Shader toolbox

Small rendering techniques, made visible.

A practical collection of procedural building blocks, color workflows and GPU experiments you can run, inspect and reuse.

Runnable technique notes

The building blocks behind realtime visuals.

Compact experiments with live controls, implementation notes and practical applications.

View project: Noise Noise

Shader technique

Noise

This shader compares multiple noise generation strategies, including Gradient noise and Simplex noise. It can be used to create a variety of textures and patterns, from natural landscapes to abstract designs.

HLSLShaderGenerative
View project
View project: Shapes Shapes

Shader technique

Shapes

This shader generates various geometric shapes based on UV coordinates, allowing for creative designs and patterns. It can be used for backgrounds, overlays, or decorative elements in your graphics.

HLSLShaderGeometry
View project
View project: Oklab Oklab

Shader technique

Oklab

This shader applies the Oklab color space to create a smooth, visually appealing gradient effect. It demonstrates the use of perceptually uniform color spaces for more natural transitions.

HLSLShaderColor Space
View project
View project: Stripes Stripes

Shader technique

Stripes

This shader generates a striped pattern by alternating color bands based on screen-space coordinates. The result is a clean, repeating design ideal for stylized backgrounds or overlays.

HLSLShaderPattern
View project

Looking for the complete effect?

See these techniques working inside finished shader studies.

Browse shader projects