curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.

react-curtains is an attempt at converting curtains.js WebGL classes into reusable React components.

gpu-curtains is a 3D WebGPU rendering engine. It can be used as a standalone 3D engine, but also includes extra classes focused on mapping 3d objects to DOM elements; It allows users to synchronize values such as position, sizing, or scale between them.

WebGL Video Transition

Distortion Effect With Curtains.js & React

Hero Curtain | Scroll Magic | Scroll Position