Fragments

What it does

A shader programming course for design engineers and creative coders. Master TSL, WebGPU, and production-ready visual effects with techniques, utilities, and shader breakdowns.

A practical shader course for design engineers, creative coders and shader artists. Learn the techniques behind standout web visuals — hero backgrounds, cursor effects, raymarching — with full breakdowns and copy-paste code in Three.js and TSL.

Learning shaders is hard. Most tutorials leave you stuck the moment you try to build something real. Not sure yet? Try the Geometric Shapes lesson for free and see exactly how a Fragments breakdown works. Make yourself an invaluable asset to your team by creating experiences and visuals that really stand out in a world of sameness. Create one-of-a-kind visuals, animations and interactive experiences, powered by shaders. Learn new techniques to express your creativity. Be inspired by new techniques and learn how to experiment with them to create unique experiences that you may have never seen before. Long-form lessons on creative coding techniques, built with React Three Fiber (or vanilla),…from fragments.supply

• SL
  Shader Lab, like Photoshop but for shadersApr 2026 · eng.basement.studio · ▲160

  Create, stack, and animate shader effects on images, video, text, and 3D models — free, in your browser, powered by WebGPU. Export video, publish to the community gallery, and remix any published scene.

• 
  shader learn2025 · shader-learn.com · ▲6

  Learn GLSL with interactive shader lessons

• 
  Free and open-source home for art made with code2018 · shadergif.com · ▲144

  Browse and share GPU-made GIFs. Explore GLSL shader experiments, search by topic, and open any piece in the editor to learn or remix.

• 
  Shader Learning2024 · shader-learning.com · ▲11

  Learn GPU programming through interactive challenges

• TC
  textshader.com2022 · textshader.com · ▲260

  TLDR: Click the link to see some cool visualizations, refresh a few times for random examples, and try editing some of the code yourself. This is a small weekend project of mine inspired by shadertoy.com It's a static single-page site hosted on GitHub pages so the website design is pretty barebones. I'm not a web developer so I mainly wanted to create a Cool Thing with my free time and not have to learn tons of front-end to do it. I'd love to hear what people think about it and please post or send me any shaders you make! You can use the link button in the bottom right to share. I hope that…

• 
  Design and Code in Framer X2018 · designcode.io · ▲312

  Learn to prototype and build components using React

• 
  /dev/null▲486

  a social network for devs

  Dev tools · 3d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 28d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 26d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 21d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• 
  Brew ▲900

  Like Claude design for email marketing

  AI · May 2026 · brew.new

• 
  Kilo Code for VS Code▲896

  Parallel agents, diff reviewer, and multi-model comparisons

  Dev tools · May 2026 · kilo.ai

• 
  StoreClaw▲806

  Grow your store profits with agents that know how to sell

  AI · May 2026 · storeclaw.ai

• 
  PollyReach▲795

  Give your agent a real number and voice to make calls.

  AI · May 2026 · pollyreach.ai

• 
  Needle: We Distilled Gemini Tool Calling into a 26M Model▲776

  Hey HN, Henry here from Cactus. We open-sourced Needle, a 26M parameter function-calling (tool use) model. It runs at 6000 tok/s prefill and 1200 tok/s decode on consumer devices. We were always frustrated by the little effort made towards building agentic models that run on budget phones, so we conducted investigations that led to an observation: agentic experiences are built upon tool calling, and massive models are overkill for it. Tool calling is fundamentally retrieval-and-assembly (match query to tool name, extract argument values, emit JSON), not reasoning. Cross-attention…

  Life & fun · May 2026 · github.com

• 
  Files.md – Open-source alternative to Obsidian▲730

  🌱 Private, quiet space for thinking. Simple app for .md files. - zakirullin/files.md

  Dev tools · May 2026 · github.com