Utilities/Postprocessing

04boilerplateFree
02color
01noise
12postprocessing
06patterns
03distortion
02sdf
06function
04interactivityNew

Utilities to kickstart your creative coding projects.

postprocessing¹²

Fragments

Learn creative coding with shaders. For design engineers, creative coders and shader artists: techniques, tools, deep dives. Powered by ThreeJS and TSL.

Utilities/Postprocessing

04boilerplateFree
02color
01noise
12postprocessing
06patterns
03distortion
02sdf
06function
04interactivityNew

Unlock the Collection ↵

Utilities to kickstart your creative coding projects.

postprocessing¹²

Postprocessing Component
A component that applies postprocessing effects to your scene.
r3f
Loading...
Chromatic Aberration Effect
RGB channel separation effect simulating lens distortion. Create colorful fringing for stylistic glitch and camera aesthetics.
r3f
vanilla
Loading...
CRT Scanline Effect
CRT monitor scanlines with barrel distortion for retro aesthetics. Recreate classic cathode ray tube screen effects.
r3f
vanilla
Loading...
Dither Effect
Ordered dithering with Bayer matrix for retro print aesthetics. Classic technique for limited color palettes and vintage graphics.
r3f
vanilla
Loading...
Halftone Effect
CMYK-style halftone dot patterns for print and comic book aesthetics. Classic printing technique for retro and pop art visuals.
r3f
vanilla
Loading...
Grain Texture Effect
Film grain post-processing effect for analog texture. Apply cinematic grain to your rendered scenes.
r3f
vanilla
Loading...
Pixellation Effect
Pixelation post-processing with aspect correction. Create retro pixel art aesthetics from rendered scenes.
r3f
vanilla
Loading...
Vignette Effect
Classic vignette post-processing darkening edges to focus center. Essential effect for cinematic compositions.
r3f
vanilla
Loading...
LED Effect
LED display post-processing simulating digital screens. Cyberpunk electronic aesthetics for rendered scenes.
r3f
vanilla
Loading...
Bulge Distortion Effect
Radial bulge or pinch distortion post-processing. Create lens-like magnification effects for artistic compositions.
r3f
vanilla
Loading...
Swirl Distortion Effect
Rotational swirl distortion post-processing for artistic transformations. Create vortex and twirl effects with customizable center points.
r3f
vanilla
Loading...
Wave Distortion Effect
Sinusoidal wave distortion post-processing for rippling effects. Add flowing distortion patterns with controllable frequency and amplitude.
r3f
vanilla
Loading...

Sketches¹¹⁴ Writing²³

Fragments

Learn creative coding with shaders. For design engineers, creative coders and shader artists: techniques, tools, deep dives. Powered by ThreeJS and TSL.

Be the first to know what's next

2025 Phobon

phobon.io^↗Shadercraft^↗

Pages

Home^↗Techniques^↗Utilities^↗Breakdowns^↗Sketches^↗Writing^↗

Contact

X @thenoumenon^↗hey@fragments.supply^↗OKAY DEV @phobon^↗

Postprocessing Component

A component that applies postprocessing effects to your scene.

r3f

Chromatic Aberration Effect

RGB channel separation effect simulating lens distortion. Create colorful fringing for stylistic glitch and camera aesthetics.

r3f

vanilla

CRT Scanline Effect

CRT monitor scanlines with barrel distortion for retro aesthetics. Recreate classic cathode ray tube screen effects.

r3f

vanilla

Dither Effect

Ordered dithering with Bayer matrix for retro print aesthetics. Classic technique for limited color palettes and vintage graphics.

r3f

vanilla

Halftone Effect

CMYK-style halftone dot patterns for print and comic book aesthetics. Classic printing technique for retro and pop art visuals.

r3f

vanilla

Grain Texture Effect

Film grain post-processing effect for analog texture. Apply cinematic grain to your rendered scenes.

r3f

vanilla

Pixellation Effect

Pixelation post-processing with aspect correction. Create retro pixel art aesthetics from rendered scenes.

r3f

vanilla

Vignette Effect

Classic vignette post-processing darkening edges to focus center. Essential effect for cinematic compositions.

r3f

vanilla

LED Effect

LED display post-processing simulating digital screens. Cyberpunk electronic aesthetics for rendered scenes.

r3f

vanilla

Bulge Distortion Effect

Radial bulge or pinch distortion post-processing. Create lens-like magnification effects for artistic compositions.

r3f

vanilla

Swirl Distortion Effect

Rotational swirl distortion post-processing for artistic transformations. Create vortex and twirl effects with customizable center points.

r3f

vanilla

Wave Distortion Effect

Sinusoidal wave distortion post-processing for rippling effects. Add flowing distortion patterns with controllable frequency and amplitude.

r3f

vanilla

Be the first to know what's next

Utilities — Fragments