martinlaxenaire/curtainsjs

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

1824 stars · 115 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

curtains.js is a lightweight vanilla WebGL JavaScript library that converts HTML DOM elements containing images, videos, and canvases into 3D WebGL textured planes. It lets you position planes via CSS and animate them with custom vertex and fragment shaders, including post-processing effects.

Use cases

• animate images with custom WebGL shaders
• create scroll-driven parallax and displacement effects on DOM elements
• apply shader effects to videos on a webpage
• add post-processing passes to a web page scene
• build responsive WebGL planes synced to HTML layout
• create interactive shader-based image galleries

When to choose

• you want WebGL effects tightly synced with DOM element positions and CSS layout
• you know GLSL shader basics and want a lightweight, dependency-free library
• you need responsive shader-animated images or videos without a full 3D engine like Three.js

When to avoid

• you need full 3D scenes with models, lighting, and cameras rather than DOM-bound planes
• you have no shader/GLSL knowledge and want purely CSS-based animation
• you need React integration out of the box without the separate react-curtains package

Facets

library · maturity active

graphics animation ui-components image-processing video-processing web-development frontend graphics web-design browser webgl glsl shaders dom textured-planes post-processing creative-coding javascript nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="martinlaxenaire/curtainsjs")