Curtains Shader with react

Question

I try to recreate this effect with curtains-react but I can not find a shader that corresponds, and at the same time make the uniforms work ... If someone can give a lead, an article or an example with curtains-react, it would be of great help to me!

https://www.haritos.co/

It's a infinity draggable slider and when you click on a image, you access to the project, is the raison why I use curtains-react.

Answer 1

I also wanted to use curtains-js in my project. While browsing I found this codepen which is kind of what you need although the click-through is not implemented.

https://codepen.io/AlainBarrios/pen/bXdzmR

It uses curtains-js instead of curtains-react but I think it should be easly convertable. Put the onRender function in the useCurtainsEvent and add event listeners for the draggable events.

useCurtainsEvent("onRender", (curtains) => {})

I would first make a draggable list in react and then add each event of the example one by one. Just remember that animations like these take a lof of time and will to get right :)