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

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.

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

nuxt starter for creative projects, includes scss setup, gsap, lenis scroll, curtainsjs to load media with webgl, custom cursor, inview trigger, splash screen, robots.txt, sitemap.xml

astro starter for creative projects, includes scss setup, gsap, lenis scroll, curtainsjs to load media with webgl, custom cursor, inview trigger, splash screen, robots.txt, sitemap.xml

WebGL Video Transition

Distortion Effect With Curtains.js & React

No description available

curtainsjs's web component binding (unofficial)

this repo was only a temporary wip, the main repo is now switched from nuxt to astro and threejs to curtainsjs

Hero Curtain | Scroll Magic | Scroll Position

distroy the subscribe button for me

Please do subscribe to my channel

Custom CurtainsJS Login Page

A high(er)-level abstraction for curtainsjs

demo of curtainsjs and webgl for webdev class

Config files for my GitHub profile.

please subscribe to my channel

Please subscribe to my channel

A Liquid effect on image on scroll using Curtains.js in Next.js

No description available