Where we started
Fragments launched in early access back in September — not to absolutely unanimous acclaim:
It started as a soft launch for everyone on the waitlist, but it has since grown into something I think is really quite special. The response has been super positive overall, which is a huge relief!
The numbers
Since launch, 144 people have joined Fragments. It's great to see so many creative coders, designers, and shader enthusiasts building things with all the techniques and utilities available.
Whether you're learning Three.js or already deep into creative coding, it's amazing to see what everyone is creating.
The financial side has been equally surprising. I was a bit hesitant to post this on X, but I think it's something to be really proud of.
It's allowed me to keep building, keep experimenting, and keep pushing the platform forward. I couldn't keep things going without all your support!
What we've added
Since early access launched, I've been working non-stop to expand what Fragments offers. Here's a little summary of what's been added:
Interactivity technique
The biggest addition has been the Interactivity technique. It turns static shaders into responsive experiences with cursor following, trail effects, and buffered interactions.
Built with Three.js and React Three Fiber, it opens up a whole new category of possibilities for what you can build.
Post-processing effects
I went deep into post-processing this year, adding 8 new effects:
Chromatic Aberration- RGB channel separation for glitch aestheticsCRT Scanline- Retro monitor effects with barrel distortionDither- Ordered dithering for vintage print aestheticsHalftone- CMYK-style dot patternsGrain Texture- Film grain for analog characterPixellation- Retro pixel art effectsVignette- Classic edge darkeningLED Effect- Cyberpunk digital screen simulation
These effects can completely transform a shader with just a few lines of code. You can find all of them in the utilities section.
Distortion utilities
Three new distortion effects made their way into the collection:
Bulge Distortion- Radial magnification effectsSwirl Distortion- Rotational vortex transformationsWave Distortion- Sinusoidal rippling effects
Each is available as both post-processing effects and shader patterns, so you can use them however it fits your workflow. Check out the distortion utilities to see them in action.
Interactivity utilities
Alongside the Interactivity technique, I've added utilities to make interactive shaders easier in React Three Fiber and vanilla Three.js projects:
Storage Buffers- Paired active/value uniform arrays for trigger-style dataBuffer Triggers- Animation-aware trigger helpers with easingGrid Trail Texture- Pointer-responsive DataTexture generator for trailsPointer Uniform- Hook and helper for syncing pointer uniforms
Sketch breakdowns
The collection has grown significantly. We're now at 121+ sketch breakdowns with full source code. Every sketch includes detailed explanations, links to related techniques, and utilities you can copy directly into your Three.js projects.
You can explore all the sketch breakdowns to see the full collection, including the Bands series featured above.
Platform improvements
I'm constantly iterating on the platform itself — improving code examples, making navigation smoother, and adding features that make Fragments easier to use. This includes a whole redesign I called Fragments V2.
What's coming next
Looking ahead, there are a few things I've been working on that I'm excited to create content around:
New techniques
There are always more techniques to explore. I'm working on expanding the collection with new deep dives that push the boundaries of what's possible with shaders in Three.js.
Whether you're learning Three.js or already experienced with creative coding, these techniques will help you build more interesting projects. Here are two things I'm planning to write techniques about:
Audio Reactivity- Implementing elements that react to sound and music. I love this sort of thing.Volumetric Raymarching- I've been wanting to dive deep into this for a while. People like XorDev have been doing incredible work with it, and the results are absolutely spectacular.
New utilities, new sketches, new breakdowns
More utilities, more sketches, more breakdowns. The goal is to keep expanding what's available so you always have new things to experiment with in your creative coding projects. Whether you're using React Three Fiber or vanilla Three.js, there's always something new to try. Check out the techniques, utilities, and sketches to see what's available now.
Happy holidays!
None of this would be possible without the support of everyone who's joined Fragments. Whether you've been here since early access or just discovered it, thank you for being part of this journey. Your feedback, your experiments, and your enthusiasm keep me motivated to keep building.
Here's to another year of creative coding, shader experiments, and pushing the boundaries of what's possible. Let's keep making cool things together.
I'm going to be taking a little break over the holidays, but I'll be back in the new year with some new content and updates. I'm really excited to see what you all make in 2026 with the tools and techniques available. I can't wait to see what you build.
If you've got any ideas for things you'd like to see, or any feedback, please let me know. I'm always looking for ways to improve the platform and the content available.
You can reach me on X or Email.
Happy holidays, and I'll see you in the new year!
Still here? I'm so happy you are - here's a little holiday discount for you: