Skip to main content
← Back to library
Preview of Threejs TSL Tutorials
GitHub

Shaders, WebGL & Creative Coding · TSL / WebGPU

Threejs TSL Tutorials

Tutorial code repository working through Three.js Shading Language and WebGPURenderer with progressively more complex shader examples.

Why it’s a gem

A structured TSL learning path while the ecosystem has almost no teaching material.

Visit github.com
Author
Christian Helgeson (@cmhhelgeson)
Type
GitHub repository
License
MIT
Added
Aug 17, 2026
Domain
github.com
tslwebgputhree.jstutorial
Browse more:Shaders, WebGL & Creative CodingTSL / WebGPU#tsl#webgpu#three.js#tutorial

More from TSL / WebGPU

Preview of advanced-threejs-tsl-webgpu-rendering

advanced-threejs-tsl-webgpu-rendering

Guide and code patterns for optimizing Three.js WebGPU rendering with TSL, covering compute shaders, instancing and memory layout.

UnknownMIT
Preview of tsl-textures

tsl-textures

Collection of procedural textures such as wood, marble, cave, planet and camouflage, authored in Three.js Shading Language.

UnknownMIT

the Vibing Company®

the Vibing Company®

Est. for tomorrow.

hello@vibing.inc

Navigate

  • Home
  • Services
  • Pricing
  • About
  • Hiring
  • Contact
  • Start a project

Library

  • The Vibing Library
  • New this week
  • Best-of round-ups
  • Creators
  • Submit a project
  • Featured badge
  • Design generators
  • UI components
  • AI skills & MCP
  • Motion & animation
  • Shaders & WebGL
  • Starters to clone

Guides

  • All guides
  • What is vibe coding
  • Lovable vs Cursor
  • Build an MCP server
  • Export Lovable Cloud data
  • iOS Safari white bar fix

Elsewhere

  • Developer docs & API
  • For agents
  • llms.txt
  • OpenAPI
  • MCP manifest
  • X
  • Terms
  • Refunds
  • Privacy
  • Cookies
  • Imprint
© 2026 the Vibing Company®