Utilities/Patterns

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

Enroll in Fragments ↵

Utilities to kickstart your creative coding projects.

    patterns6

    • 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/grain-texture-effect.webp

Grain Texture Pattern

Film grain shader pattern for analog texture and vintage aesthetics. Add cinematic character to digital compositions.

r3f
vanilla
utilities/pixellation-effect.webp

Pixellation Pattern

Pixelation shader pattern for retro visuals. Adjustable resolution for mosaic-like appearance.

r3f
vanilla
utilities/noise.webp

Speckled Noise Pattern

Speckled noise shader pattern for film grain and dust effects. Add organic imperfections to your shader compositions.

r3f
vanilla
utilities/vignette-effect.webp

Vignette Pattern

Classic vignette shader pattern that darkens edges and draws focus to center. Essential treatment for compositions.

r3f
vanilla
utilities/canvas-weave-pattern.webp

Canvas Weave Pattern

Canvas weave shader pattern simulating fabric textures. Add painterly, textile surfaces to your visuals.

r3f
vanilla
utilities/led-effect.webp

LED Pattern

LED display shader pattern simulating digital screens and light matrices. Cyberpunk electronic aesthetics for your shaders.

r3f
vanilla

Be the first to know what's next