---
title: "curtains.js"
description: "Vanilla WebGL library that converts HTML DOM elements into textured planes you can distort with custom shaders."
canonical: "https://vibing.inc/library/curtains-js-vg-1782"
category: "Shaders, WebGL & Creative Coding"
subcategory: "WebGL image effects"
license: "MIT"
author: "Martin Laxenaire (@martinlaxenaire)"
source: "https://www.curtainsjs.com/"
---

# curtains.js
Vanilla WebGL library that converts HTML DOM elements into textured planes you can distort with custom shaders.
## Facts
- Source: https://www.curtainsjs.com/
- Category: Shaders, WebGL & Creative Coding / WebGL image effects
- Author: Martin Laxenaire (@martinlaxenaire)
- Licence: MIT
- Tags: webgl, dom, shaders, images
## Why it's a gem
The original DOM-to-WebGL-plane technique behind a decade of award-winning agency sites.
---
Listed in The Vibeary: https://vibing.inc/library/curtains-js-vg-1782 · JSON: https://vibing.inc/api/public/library/gems/curtains-js-vg-1782