aengel.io Laboratory

19 WebGPU and TSL experiments — compute fluids, raymarching, refraction — reference only, no source code

Tier B · UsefulGalleryReferencePortfoliolab.aengel.io

The experiment shelf of aengel.io, and the page the root domain redirects to. Nineteen live demos, most dated 2026, built on WebGPU and TSL (the Three.js Shading Language) and tagged by technique: compute shaders (Blob, Liquid Field, Fluid Particles, Interactive Particles, Particles Network), raymarching (Magical Canopy, Smoke Raymarching), post-processing (Iridescent Fluid, Warp Speed Lines, Radial Blur), refraction (Reeded Shader), plus a parametric ribbon carousel, a metal tile field that deforms under the cursor, an FBM streak background, a Lenis magnetic-scroll study, a domain-warp shader, a hardware detection panel with GPU benchmarking, and the author's 2023 Three.js portfolio. Two of them — Gradient Shader and Reeded Shader — are configurable and export a PNG. Nothing else is downloadable: there is no repository, no npm package and no snippet on the page, and the legal notice keeps all source code and visuals as the exclusive property of aengel.io, with reproduction or reuse prohibited without written consent. The site itself warns the demos are experimental and may not run on every device. The author is not named on the site; contact is contact@aengel.io.

For an agent

Use this as art direction, not as a dependency. When a brief asks for a hero that a CSS gradient cannot fake — a glossy black liquid, an iridescent fluid, volumetric smoke, fluted refractive glass — open the matching demo, decide what you actually want, then build it yourself with an open shader library such as Paper Shaders or Shader Lab. There is no code to take: no repository, no package, no snippet, and the legal notice prohibits reuse without written consent, so do not copy anything off the canvas. Two demos, Gradient Shader and Reeded Shader, export a PNG, which is the only artifact the site hands you, and the same licence still applies to it. Every page is an empty shell with the work in WebGPU, so a fetch returns nothing readable and a screenshot of a still frame will miss the point of a demo whose whole subject is motion under the pointer. WebGPU is required: the site says outright that the projects may not run on your device.

Why it is here. It is a compact survey of what WebGPU and TSL can do in 2026 — compute fluids, raymarched volumes, real refraction — at a craft level almost no component library reaches. As a taste and feasibility reference it is worth more than another copy-paste pack.

Install command, framework, licence and component list.

Facts

License: Proprietary / all rights reserved
Pricing: Free
Framework: Not applicable
Styling: Not applicable
Distribution: Web app / online tool, Browse-only gallery or archive
Platform: Web
Content type: 3D assets and scenes, Images / textures / backgrounds
Agent readiness: Client-rendered shell
Accessibility: Known accessibility gaps
Maturity: Actively maintained
Pricing detail: Free to view. The legal notice states the demos are provided free of charge, as is and as available, with no warranty, and that reproduction, copy, redistribution or reuse of any part is prohibited without prior written consent.

Components it ships

Gradient Background Particle Background Hover Effect Custom Cursor Animation Carousel Scroll Driven Animation Hero

Helps you build

Homepage Splash Screen

Notable for

19 WebGPU / TSL demos, most dated 2026
compute-shader fluids and raymarched volumes
PNG export in Gradient Shader and Reeded Shader
aengel.io redirects here

Provenance

Verified 2026-08-22. HTTP 200. https://lab.aengel.io/ 200, title "lab.aengel.io", meta description "Experiments & mini-apps - WebGPU, TSL, creative coding."; the page lists 19 project cards with year and technique tags and links to /webgpu-blob/, /webgpu-liquid-field/, /webgpu-ribbon-carousel/, /webgpu-tilefield/, /webgpu-reeded-shader/, /webgpu-gradient-shader/, /webgpu-fluid-particles/, /webgpu-fluid-iridescent/, /webgpu-interactive-particles/, /webgpu-particles-network/, /webgpu-raymarching-canopy/, /webgpu-raymarching-smoke/, /webgpu-radial-streaks-shader/, /webgpu-speed-lines-shader/, /webgpu-radial-blur/, /magnetic-scroll/, /webgpu-domain-warp-shader/, /device-detector/, /portfolio-2023/; the legal-notice modal states the demos are free, as is, and that all content, source code and visuals remain the exclusive property of aengel.io with reuse prohibited; https://aengel.io returns 302 to https://lab.aengel.io/; https://lab.aengel.io/webgpu-blob/ 200 returns a 1.4 KB canvas shell; https://lab.aengel.io/llms.txt returns 404; no repository or package link appears anywhere on the page

Also in Textures, Backgrounds & Assets

lab.aengel.ioTier B