Writing about shaders and creative coding.

Get new posts straight to your inbox!

Email

Ready to start learning?

What's included in the course ↓

Access to the course: master shader techniques, use workflow-enhancing utilities, learn from shader breakdowns with full code, and get downloadable R3F and vanilla projects.

One single payment. No subscription required. 30-day money-back guarantee. No questions asked.

Not sure which to pick? Most people choose Pro for the full collection and all future updates. Fundamentals is a focused, lower-cost starting point you can upgrade from any time.

“Knowing shaders is your unreasonable advantage in UI. Ben has worked super hard on this course, recommended!”

Joshua Crowley - Designer and Educator

Loading...

Fragments

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

New techniques, breakdowns and shader experiments — straight to your inbox.

Email

2026 Phobon

phobon.io Shadercraft

Pages

Home Techniques Utilities Breakdowns Works Writing

Contact

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

All rights reserved.

Works¹⁷¹

Blurs, distortion effects, and image adjustments

New TSL blur, distortion, and image adjustment utilities for Fragments — frosted panels, kaleidoscope warps, and color tweaks for your shader pipeline.

A vocabulary for talking about shaders

A shader glossary for creative coders — the words that turn vague vibes into concrete requests, from SDFs and noise to bloom and raymarching.

A practical guide to improving at creative coding

A practical structure for getting back into creative coding after a break—small sessions, intentional practice, and a process that actually sticks.

Breakdown of Eidolon 1

Eidolon 1 shader breakdown: curled UV rotations, smoothed boxes, cosine palette coloring, triple masking, simple mixing, and film grain texture.

Fragments Season 2 Launch

Fragments Season 2 launches May 15th 2026 a new technique on cellular automata, a focus on fundamentals, a brand new experience,and a lower-cost way in.

The Cellular Automata technique

A preview of the brand new technique lesson launching with the next season of Fragments - Cellular Automata.

Fundamentals at a glance

A skimmable map of the fundamentals series - launching with Fragments Season 2 alongside a new technique on Cellular Automata.

Building new shaders

Showcasing the new shader series shipping with the next season of Fragments — fresh effects, techniques, and breakdowns for creative coders.

Fragments Season 2

Fragments Season 2 launches in late May 2026 with richer techniques, cellular automata, a focus on fundamentals, and a lower-cost way in.

Fragments in 2026

Fragments shifts to quarterly enrollment windows with new content each period. Price rises for new members; existing members keep full access forever.

Genuary 2026 Roundup

A complete walkthrough of all Genuary 2026 shaders I made — 24 creative coding challenges from one color to flow fields, raymarched cities to cellular automata.

The first week of Genuary 2026

Genuary 2026 brings 31 days of creative coding prompts. Here's what I learned from tackling the first six challenges with TSL shaders.

Fragments year in review

Looking back at the first year of Fragments: community growth, new features, and maybe a little about what's coming next.

How to learn shaders: a beginner's guide

Learn shaders the practical way: start with visual tools and playgrounds, copy simple code, break things on purpose, and master the fundamentals.

Breaking down the Bands series

How to layer distortion, quantization, and color masking to create flowing geometric patterns that feel organic and alive.

Building a TSL boilerplate: where to start

One of the biggest hurdles to learning TSL is knowing where to begin. Here's how to build a boilerplate project that gets you coding shaders fast.

Black Friday 2025 — 25% off Fragments

25% off Fragments for Black Friday, plus a preview of the new Fragments V2 platform and upcoming Interactivity technique.

Why design engineers should learn shaders

A dive into why I think design engineers should learn to write shaders, and how it can unlock a whole new world of creativity and expression.

Making shaders respond like toys

Preview the Interactivity technique for creative coding with Three.js—pointer tracking, grid trails, and click bursts that design engineers can ship fast.

Making pixels misbehave with distortion

Wave, swirl, and bulge distortion utilities are now live. Here's how they work and why distortion effects are just so fun to use.

Why some techniques stick and others don't

What makes certain shader techniques memorable while others fade away? Here's what I've learned about why some stick in your toolkit forever.

Entering my post-processing era

A fresh batch of shader effects for your creative toolkit. From vintage aesthetics to crazy glitches.

I almost quit making this LED effect

Hours of tweaking shapes and offsets almost broke me. Here's what happens when you push through the frustration.

I built the same thing 12 times and I'll do it again

I've rebuilt the same mesh gradient 12 times. Why remaking the same thing teaches more than making new things.

Why should you learn to write shaders?

A dive into why I think you should learn to write shaders, and how it can unlock a whole new world of creativity and expression.

Fragments Early Access — Mesh Gradient

Week three of Fragments early access: the mesh gradient technique launches with custom color interpolation and new shader building blocks.

Fragments Early Access — Pixel Sorting

Week two of Fragments early access: the pixel sorting technique debuts, new utilities ship, and the creative coding toolkit keeps expanding.

Fragments Early Access — Noise

Week one of Fragments early access: noise techniques launched, early community feedback, and a preview of what's coming next on the roadmap.

Building Fragments — Early Access Launch

Early access is live! What's included, subscriber benefits, and the journey from first concept through build to public launch.

Building Fragments — Early Access

What Fragments Early Access includes: pricing, the content roadmap, subscriber benefits, and what to expect when you join at launch.

Building Fragments — Preview

Preview of Fragments before launch: UI walkthrough, features, and what makes the platform different.

Building Fragments — A new landing page

New landing page design, answering community questions, and final touches before early access launch.

Breakdown of Dawn 2

Dawn 2 shader breakdown: gradient techniques, color theory, and creative inspiration drawn from the work of Rik Oostenbroek.

Building Fragments — A Creative Process

My creative process for building shader art — from first concept through iteration, experimentation, and final composition with TSL.

Building Fragments — Utils

Guide to Fragments utilities: copy-paste components and shader functions for faster creative coding workflows.

Building Fragments — Shader Breakdowns

Diving into shader breakdowns: how they work, commented code structure, and how composition choices add up in Three.js and TSL.

Building Fragments — The Collection

Exploring the Fragments Collection: techniques, utilities, sketches, and breakdowns — and how every piece of the creative coding toolkit connects.

Building Fragments — What is this thing?

What Fragments is, why I'm building it, and who it's for. The origin story of a platform for creative coders learning shaders.

FundamentalsAccess to foundational shader techniques and utilities

✓ 5 foundational long-form technique lessons
✓ 7 fundamentals lessons
✓ 24 foundational workflow enhancing utilities
✓ 71 full shader breakdowns
✓ Downloadable R3F and Vanilla projects
✓ Access to community Discord

Get Fundamentals →$99USD ProMost popularFull access to the entire Fragments collection. Includes all techniques, utilities, breakdowns and all future updates

✓ 12 long-form technique lessons
✓ 7 fundamentals lessons
✓ 60 workflow enhancing utilities
✓ 171+ full shader breakdowns
✓ Downloadable R3F and Vanilla projects
✓ Access to community Discord

Get Pro →$199USD

You'll be redirected to our secured payment platform and get instant access.