---
title: "My Three.js & WebGPU Experiments | Ameen Abdullah"
description: "Explore my Three.js, WebGPU and shader experiments. Creative development studies by Ameen Abdullah, based in Kerala, India."
canonical_url: "https://ameen-abdullah.dev/labs"
meta:
  author: "Ameen Abdullah"
  "og:description": "Explore my Three.js, WebGPU and shader experiments. Creative development studies by Ameen Abdullah, based in Kerala, India."
  "og:image": "https://ameen-abdullah.dev/og-image-labs.jpg"
  "og:image:alt": "Ameen Abdullah — WebGPU and shader experiments"
  "og:title": "My Three.js & WebGPU Experiments | Ameen Abdullah"
  "twitter:description": "Explore my Three.js, WebGPU and shader experiments. Creative development studies by Ameen Abdullah, based in Kerala, India."
  "twitter:image": "https://ameen-abdullah.dev/og-image-labs.jpg"
  "twitter:image:alt": "Ameen Abdullah — WebGPU and shader experiments"
  "twitter:title": "My Three.js & WebGPU Experiments | Ameen Abdullah"
---

> Index of every page on this site: [llms.txt](https://ameen-abdullah.dev/llms.txt)

<details>

<summary>Labs — about &amp; experiment directory</summary>



# My Three.js &amp; WebGPU experiments

Explore my Three.js, WebGPU and shader experiments. Creative development studies by Ameen Abdullah, based in Kerala, India.

- ## WebGL Gallery

  3d webgl curved infinite gallery made with threejs and glsl shaders

  webgl · glsl · slider · gallery · three.js<a href="https://slider-webgl-curved-1.vercel.app/">Open experiment</a>
- ## Above the Grassland

  Above the Grassland is a personal experiment in cinematic web experiences with film-like visuals, camera movement, color grading, and audio, all built on a Three.js WebGPU pipeline. The site lets you adjust mood and weather settings for a relaxing, immersive atmosphere.

  cinematic · webgpu · 3d · TSL · three.js · GSAP · Compute Shader<a href="https://above-the-grassland.pages.dev/">Open experiment</a>
- ## Particles Reveal

  A particle transition experiment between two textures using WebGPU compute shaders, customizable controls, and curl-noise displacement.

  webgpu · 3d · animation · three.js · particles<a href="https://particles-transition-webgpu.vercel.app/">Open experiment</a>
- ## Noise Gradient

  Noise gradient shader made with threejs, webgl and glsl shaders

  webgl · glsl · animation · three.js<a href="https://noisy-gradient-webgl.vercel.app/">Open experiment</a>
- ## Ashfall Gallery

  Webgl 3d rotating gallery inspired from ashfall studio labs page, with custom interactive shader effects and bending images on scroll

  interactive · gallery · webgl · gsap · 3d · three.js<a href="https://ashfall-webgl-gallery.vercel.app/">Open experiment</a>
- ## Burn Transition

  Burn image transition effect inspired from Yoichi Kobayashi's original work, made with threejs, webgl and glsl shaders

  webgl · gsap · glsl · transition · three.js · interactive<a href="https://image-burn-webgl-effect.vercel.app/">Open experiment</a>
- ## Fullscreen Transition

  Full screen shader transition effect inspired from taotajima website, with hover displacement and image transition with webgl image dom sync made with threejs

  webgl · gsap · glsl · animation · three.js<a href="https://taotajima-fullscreen-webgl.vercel.app/">Open experiment</a>
- ## Scene Transition

  Simple webgl scene transition effect between two scenes with noise border, chromatic aberation and uv displacement made with threejs

  webgl · gsap · glsl · scroll · three.js<a href="https://scene-transition-webgl-1.vercel.app/">Open experiment</a>
- ## Text Transition

  Webgl typography animation with msdf text and glsl shaders

  webgl · gsap · glsl · typography · animation · three.js<a href="https://text-transition-webgl-1.vercel.app/">Open experiment</a>
- ## Blinds WebGL

  Webgl blinds effect on hover with noise displacement with webgl image dom sync

  webgl · interaction · three.js<a href="https://noise-hover-webgl-effect.vercel.app/">Open experiment</a>
- ## Sound Car

  Sound Car is a cinematic car-tunnel experiment built for the NewForm web design challenge, with immersive audio.

  webgl · 3d · audio · three.js · cinematic<a href="https://sound-car-webgl.vercel.app/">Open experiment</a>

</details>

## Sitemap

See the full [sitemap](https://ameen-abdullah.dev/sitemap.md) for all pages.