<h2>What is it ?</h2> <p> Shaders are the next front-end web developpment big thing, with the ability to create very powerful 3D interactions and animations. A lot of very good javascript libraries already handle WebGL but with most of them it's kin
TypeScript definitions for curtainsjs
Astro component for WebGL image transitions using CurtainsJS and Swiper.js
A Vue 3 plugin for drawing the DOM to canvas. **Note:** This package is usable but not complete. You may want to try [CurtainsJS](https://www.curtainsjs.com/) for a more full-featured plugin with a similar effect.
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.
vue-curtains is an attempt at converting curtains.js WebGL classes into reusable Vue components.
Project page from studiomaertens.com rebuilt for educational purposes.
WebGL image hover effects for Astro with displacement transitions using Curtains.js and GSAP