Alexis Bouhet's Avatar

Alexis Bouhet

@zouloux

Freelance Creative Developer ✶ Open to work and collabs https://zouloux.com ✶ 1/2 of https://imprnncbl.studio ✶ Former Lead Dev at https://cher-ami.tv ✶ Former Lead Dev at lahautesociete.com ✶ Travelling in Europe 🚐

76
Followers
44
Following
10
Posts
30.08.2023
Joined
Posts Following

Latest posts by Alexis Bouhet @zouloux

Thanks for all the Morpho team who is incredibly professional and welcoming.

Check out my other projects
↳ zouloux.com

Cheers ✌️

11.03.2025 09:53 👍 0 🔁 0 💬 0 📌 0
Preview
GitHub - zouloux/virtual-mouse: Move a virtual cursor on your website to show features in screencasts with a smooth cursor interaction. Move a virtual cursor on your website to show features in screencasts with a smooth cursor interaction. - zouloux/virtual-mouse

I created my own tool to create smooth video screencast of the website. It's a simple JS lib you can load on any website, click around and play the result to capture it as a video.

github.com/zouloux/virt...

Mockups are from UI8 :
ui8.net/hardrender/p...
ui8.net/smoooth-mock...

11.03.2025 09:53 👍 0 🔁 0 💬 0 📌 0
Video thumbnail

<ShadedTitle />

This one shows how easy it to use a shader as a font.
I had to manage responsiveness and SEO, the text is actually in the DOM and cloned into a transparent buffer canvas. I use globalCompositeOperation to cut around letters.

11.03.2025 09:52 👍 0 🔁 0 💬 0 📌 0
Video thumbnail

<ShaderClone />

Allows to compile and run a single Shader, but clone its output into multiple canvas.
With this approach, we have way better performances when printing a huge list of canvas elements that shows the same shader.

The shader will be resized to the highest clone on demand.

11.03.2025 09:51 👍 0 🔁 0 💬 0 📌 0
Post image Post image Post image

createShader has the simplest API possible to create flat 2D shaders on canvases.

It allows tweaking the shader in real time with typed uniforms.

Time can be controlled, there is a jitter detection to target 30 fps on lower end devices or completely disable with a fallback if the device is slow.

11.03.2025 09:50 👍 0 🔁 0 💬 0 📌 0
Video thumbnail

I crafted a custom 2D Shader system in vanilla JS to avoid loading heavy libs.

Code is pretty simple, works with any front-end framework, but I also created some React elements.

( Maybe someday on GitHub )

11.03.2025 09:49 👍 0 🔁 0 💬 0 📌 0
Video thumbnail

Page transitions are made with a custom Next hook.
Working with Next 15 in app router mode.

Github :
github.com/zouloux/next...
Live demo :
stackblitz.com/~/github.com...

11.03.2025 09:48 👍 1 🔁 0 💬 0 📌 0
Video thumbnail

⚡️ New Release ⚡️

Morpho Landing - December 2024
↳ morpho.org

Stack
- Back : Custom Headless Wordpress
- Front : Next + GSAP
- Ops : Docker

Design & Content : Morpho Team

11.03.2025 09:46 👍 2 🔁 0 💬 7 📌 0

En ce moment même !

18.12.2024 19:43 👍 1 🔁 0 💬 1 📌 0

Hello 🦋

03.11.2024 16:36 👍 2 🔁 0 💬 1 📌 0