Curious about what you'll find in Fragments?
I've got great news! I've unlocked one of the techniques for everyone - this one is all about colour and some fun ways to apply and experiment with it 🌈
This is Procedural Color Palettes using #threejs and #tsl
www.fragments.supply/techniques/p...
When you enroll, you'll get immediate access to:
- 11 deep-dive shader technique lessons
- 40+ workflow-enhancing utility functions
- 140+ TSL sketches with full source code
- Future updates to all content
- And more!
Enrollment closes on February 24 at 2AM UTC
www.fragments.supply
Fragments dashboard
Made for design engineers, creative coders, and anyone who wants to learn!
Fragments is built around progressively more complex shader techniques and how to experiment with them to create something unique and spectacular.
My Three.js + TSL shader course — Fragments — is open for registration for the next 2 weeks!
It's the perfect way to learn the techniques that power some of the most incredible shaders out there, and how to build them in code.
I'm back with a blog post wrapping up my #genuary2026 journey. Maybe not the full 31, but... close?
This is a pretty long one, so grab a coffee (or stiff drink?) 🤔
www.fragments.supply/writing/28-g...
#genuary #tsl #threejs
more volumetric TSL things
feel like things are coming together with this stuff...
Post image
I posted one of these things a couple of months ago, interested in an update?
More than 140 creative coders, design engineers and shader artists have joined fragments.supply 🌈
It's been a dream to work on and share - I'm shocked and absolutely humbled 🙇♀️
Design engineers who know shaders are basically unicorns. Your market value goes up immediately ✨
React: https://github.com/phobon/fragments-boilerplate
Vanilla: https://github.com/phobon/fragments-boilerplate-vanilla
Love to see what you make with these! 🙏
How to start learning shaders:
1. Copy a boilerplate
2. Break it
3. Understand why it broke
4. Repeat
That's the whole game. Everything else is iteration.
I've got a Three.js and TSL-based boilerplate you can use right now! A couple of links below 👇
I feel like every time I go back to trying to figure out volumetrics (raymarching stuff) my brain just stumbles.
Following the same process - rest, digest, return and there's just something missing.
Anyone else have these sorts of white whales they're always chasing?
The moment shaders clicked for me: I stopped trying to understand everything and started started trying to break one small thing.
Then I fixed it. Then I broke it differently - rinse and repeat.
All of a sudden, I got dangerous (positive) 💪
Thats a pretty amazing way to put it really 😊 there’s definitely a mind shift involved for sure. Kind of easy to forget after all this time
Shaders look like black magic until you realize that they're just math...
... and not even hard math (a lot of the time 😅)
Finally pushed this huge change to Fragments (2.0 haha)! 🚀
So much cool stuff:
- New dashboard and navigation
- TSL sketch code is totally free
- New interactivity technique and a bunch of new utilities
Love to hear what you all think!
www.fragments.supply/techniques
#threejs #creativecoding
It's Black Friday, so Fragments is 25% off! 🎉
Use code BLACK25 for lifetime access to:
• 110+ shader breakdowns
• 10+ creative coding techniques
• 36+ utilities
• GitHub boilerplates
• Private Discord
Tell a friend!
#tsl #threejs #creativecoding
www.fragments.supply/writing/22-b...
Noise-based shader sketch with orange, blue and purple hues
Still really enjoying these noise-based things 🪇
Once I've got these updates out for Fragments, I'll get back to working on this stuff, super fun 😊
#tsl #threejs
❤️ I’m on a mission to just reduce reduce reduce. Harder than it looks haha
Post image
Been sketching things out for what I'm calling fragments.supply v2 and really happy with how it's leveling up
Having a super clear navigation like this gives a great idea of just how much stuff there is
Loved how it looked before, but this is a massive upgrade ✨
It is pretty incredible to me think fragments.supply has ALMOST hit 100 members (99 😅)
I humbling, amazing experience to share this with so many curious creative developers. Forever grateful 🙏
Should I do a giveaway to celebrate the century?
Wrote a post about some of my favourite TSL distortion functions, along with some fun updates for Fragments
The collection is starting to get really substantial now, super happy with how it's all going ✨
www.fragments.supply/writing/19-making-pixels...
Build something you need.
Others probably need it too 🫡
Design engineers,
invest in your creative skillset.
Your future self will thank you.
Not sure if I've mentioned this before* but I've been deep diving into generative art and creative coding with shaders and threejs.
I built fragments.supply - copy-paste snippets and creative coding flow, ready to go.
If you want to get hands-on fast, it's all here 🙌
* a great joke 😅
Yeah, I used to check out awwwards quite often but fallen off it a lot lately
I have a really active www.cosmos.so going which is pretty good but always keen to find more inspo sources
Got a huge board that's just like future ui, neon stuff - it's very nice haha
👋 Creative coders, what's your go-to for visual inspiration?
I want to explore different areas and expand my skills. I've got a couple of go to places I check out, but wondering what else is out there.
Would love to see what inspires you. Your recs would be appreciated 🫶
This week's newsletter is out! I talk about Roli Lightpad Blocks!
... and also about my struggles 🪄
www.fragments.supply/writing/16-a...
Post image
Post image
Post image
Took that threejs noise sketch and pushed it further - the new outputs are showing me stuff I didn't even think about before.
Amazing how a few tiny tweaks can stack up and turn some mundane shapes into something special.
Honestly love when the code just does its own thing ✨
