Utilities/Postprocessing

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

Enroll in Fragments ↵

Utilities to kickstart your creative coding projects.

    postprocessing12

    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
Sketches142Writing27

Fragments

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

Loading...

2025 Phobon

phobon.io↗Shadercraft↗

Pages

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

Contact

X @thenoumenon↗hey@fragments.supply↗OKAY DEV @phobon↗
All rights reserved.
utilities/code-window.webp

Postprocessing Component

A component that applies postprocessing effects to your scene.

r3f
utilities/ca-effect.webp

Chromatic Aberration Effect

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

r3f
vanilla
utilities/crt-effect.webp

CRT Scanline Effect

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

r3f
vanilla
utilities/dither-effect.webp

Dither Effect

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

r3f
vanilla
utilities/halftone-effect.webp

Halftone Effect

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

r3f
vanilla
utilities/grain-texture-effect.webp

Grain Texture Effect

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

r3f
vanilla
utilities/pixellation-effect.webp

Pixellation Effect

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

r3f
vanilla
utilities/vignette-effect.webp

Vignette Effect

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

r3f
vanilla
utilities/led-effect.webp

LED Effect

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

r3f
vanilla
utilities/bulge-distortion.webp

Bulge Distortion Effect

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

r3f
vanilla
utilities/swirl-distortion.webp

Swirl Distortion Effect

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

r3f
vanilla
utilities/wave-distortion.webp

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