08
←→

Building Fragments — Preview

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

Loading...
←Building Fragments — A new landing pageBuilding Fragments — Early Access→
←→

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.

Loading...

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.ioShadercraft

Pages

HomeTechniquesUtilitiesBreakdownsWorksWriting

Contact

X @thenoumenonhey@fragments.supplyOKAY DEV @phobon
All rights reserved.
Works171
Writing35

A preview of what's in Fragments

Another short one this week as I'm super busy before heading off for a well-earned holiday. I've been working hard on content, and as more things have come together, I wanted to give a more detailed preview of the sort of content you'll find in Fragments, so I've opened up the first technique, a utility and two shader breakdowns to everyone.

Technique: Geometric Shapes

The technique I've unlocked is the first full coding technique in Fragments: Geometric Shapes. I think this is a great primer on a fundamental technique I use in a lot of my own creative coding sketches.

I wanted to unlock this one in particular, because I think it gives a really good foundation to layer onto other, more advanced techniques further into the collection.

The geometric shapes technique

Utility: Sketch Component

The Sketch Component is a great representation of the sorts of things you'll find in the utilities section. It's a React Three Fiber component that I use all the time to display my sketches. While pretty simple, it's a great way to get started if you're working in that ecosystem.

The shader component

Shader Breakdowns: Flare 1 and Dawn 1

The two shader breakdowns I've unlocked are Flare 1 and Dawn 1. These are both beautiful shaders that I've created over the last year.

Dawn 1 you'll all be familiar with because I shared that in a previous newsletter. Flare 1 has similar vibes, but a little bit more complex with some layered radial gradient effects.

The flare 1 sketch

The dawn 1 sketch

Launch updates

Everything's on track for launch! I've been working on content, getting feedback, and making a bunch of updates and changes to things to make it the best it possibly can be.

I'd love it if you could check out what's in the preview and let me know what you think. I really want you all to enjoy Fragments and succeed with it, so any feedback is absolutely welcome. You can reply to this if you're reading this in your inbox, or contact me on X.

FundamentalsJoin 232+ developers learning shader techniquesAccess to foundational shader techniques and utilities
  • ✓ 5 foundational long-form technique lessons
  • ✓ 6 fundamentals lessons
  • ✓ 24 foundational workflow enhancing utilities
  • ✓ 71 full shader breakdowns
  • ✓ Downloadable R3F and Vanilla projects
  • ✓ Access to community Discord
→$99$99USD
ProJoin 232+ developers learning shader techniquesFull access to the entire Fragments collection. Includes all techniques, utilities, breakdowns and all future updates
  • ✓ 12 long-form technique lessons
  • ✓ 6 fundamentals lessons
  • ✓ 44 workflow enhancing utilities
  • ✓ 171+ full shader breakdowns
  • ✓ Downloadable R3F and Vanilla projects
  • ✓ Access to community Discord
→$199$199USD
You'll be redirected to our secured payment platform and get instant access.

Be the first to know what's next