shader learn

What it does

Shader Learn is an interactive platform to learn GLSL from scratch. Get hands-on with real fragment shaders, guided tutorials, and live previews—perfect for developers, designers, and creative coders.

Master GLSL shader programming with interactive tutorials, live code editor, and hands-on exercises. Learn fragment shaders, vertex shaders, WebGL graphics programming from beginner to advanced. Free online courses with real-time preview and bilingual support (English/中文).

Learn GLSL shader language from scratch, unleash the powerful graphics rendering capabilities of GPU, and create stunning visual effects. Starting from the most basic concepts, progressively learn GLSL syntax, WebGL basics, and graphics programming principles, making it easy for beginners to get started. Built-in online code editor with real-time preview and debugging support, allowing you to learn while practicing and see code effects immediately. Provides rich practical project cases and exercises, from simple gradient effects to complex particle systems, helping you build a complete portfolio. These pieces now read as one learning experience instead of separate sections: see the path…from shader-learn.com

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

  Learn GPU programming through interactive challenges

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

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

• 
  Shade – a quick-and-dirty glsl prototyping tool2018 · github.com · ▲25

  a quick-and-dirty glsl prototyping tool. Contribute to dancrn/shade development by creating an account on GitHub.

• 
  OpenGL-Shader Tutorial in form of a detailed documented sample project2016 · github.com · ▲58

  A very simple example of how shaders in OpenGL can be used, to color Objects or map a texture on some triangles. - MauriceGit/Simple_GLSL_Shader_Example

• 
  FragmentsMay 2026 · fragments.supply · ▲3

  Learn shader techniques that set you apart

• 
  /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

• IM
  I'm an airline pilot – I built interactive graphs/globes of my flights▲1,539

  Hey HN! Pilots everywhere are required to keep a logbook of all their flying hours, aircraft, airports, and so on. Since I track everything digitally (some people still just use paper logbooks!), I put together some data visualizations and a few 3D globes to show my flying history. This globe is probably my favourite so far: https://jameshard.ing/pilot/globes/all If you’ve got ideas for other graphs or ways to show this kind of data, I’d love to hear them!

  Life & fun · 2025 · jameshard.ing

• 
  Chronicle: Cursor for Slides▲1,212

  Stunning presentations with AI. No design skills required.

  AI · 2025 · chroniclehq.com

• 
  Bubble for native mobile apps (beta)▲1,026

  Build native mobile apps for iOS and Android without code.

  Dev tools · 2025 · bble.io

• 
  Twenty▲989

  Build your Enterprise CRM with an AI-friendly SDK

  Dev tools · 2025 · twenty.com

• 
  Pally - AI Relationship Management▲949

  All your connections, across all your socials.

  AI · 2025 · pally.com

• 
  Workout.cool – Open-source fitness coaching platform▲827

  I was the main contributor to workout.lol, an open-source fitness app to easily build a workout routine. The project had traction (1.4k GitHub stars, 95 forks, ~20K visits/month), but was eventually sold due to video licensing hurdles. The new owner stopped maintaining it, and the repo went abandoned. Over the next 9 months, I sent 15 emails to try to save it : no replies. Feature requests & issues were ignored. The community was left with a "broken" tool let's say. I couldn't just let it die So I built the new version from scratch with the same open-source spirit, but a better…

  Dev tools · 2025 · github.com