Hi 👋🏻 I'm Maxime, and this is my blog. Here, I share through my writing my experience as a frontend engineer and everything I'm learning about on React, Shaders, React Three Fiber, Framer Motion, and more.
Featured
Real-time dreamy Cloudscapes with Volumetric Raymarching
This article is a deep dive into my experimentations with Volumetric rendering and how to leverage it to render beautiful raymarched cloudscapes in React Three Fiber and WebGL. In it, I walk you through everything from the basics of Volumetric Raymarching to the techniques used in video games to render physically accurate clouds.
Refraction, dispersion, and other shader light effects
A guide on how to reproduce a chromatic dispersion effect for your React Three Fiber and shader projects with FBO, refraction, chromatic aberration, specular, and other tricks through 9 interactive code playgrounds.
The Study of Shaders with React Three Fiber
A complete guide on how to use shaders with React Three Fiber, work with uniforms and varyings, and build dynamic, interactive and composable materials with them through 8 unique 3D scenes.
All articles
2024
Oct 29
On Crafting Painterly ShadersAug 06
The Art of Dithering and Retro Shading for the WebMar 26
Moebius-style post-processing and other stylized shadersJan 23
Shining a light on Caustics with Shaders and React Three Fiber2023
Oct 31
Real-time dreamy Cloudscapes with Volumetric RaymarchingSep 12
Painting with Math: A Gentle Study of RaymarchingJun 06
Building a magical AI-powered semantic search from scratchMar 14
Beautiful and mind-bending effects with WebGL Render TargetsJan 24
Refraction, dispersion, and other shader light effects2022
Nov 08
The magical world of Particles with React Three Fiber and ShadersJul 26
The Study of Shaders with React Three FiberMay 10
Building a Design System from scratchMar 08
Everything about Framer Motion layout animationsJan 25
Building a Vaporwave scene with Three.js2021
Nov 02
Cubic BĂ©zier: from math to motionSep 28
First steps with GPT-3 for frontend developersAug 03
Building the perfect GitHub CI workflow for your frontend teamJun 29
Migrating to Next.jsJun 01
Static Tweets with MDX and Next.jsApr 20
Advanced animation patterns with Framer MotionMar 09
Scrollspy demystifiedFeb 02
The Power of Composition with CSS VariablesJan 19
My first failed SwiftUI project2020
Dec 15
Guide to creating animations that spark joy with Framer MotionNov 02
Using Shortcuts and serverless to build a personal Apple Health APIOct 13
SEO mistakes I've made and how I fixed themSep 16
Going native: SwiftUI from the perspective of a React developerAug 25
Build your own preview deployment serviceJul 28
The little guide to CI/CD for frontend developersJun 26
Immigrating to the USJun 23
The physics behind spring animationsJun 09
Generate screenshots of your code with a serverless functionMay 12
How to use Framer Motion with Emotion styled-componentsMay 05
Data Fetching with NextJS: What I learnedApr 21
Learning in publicApr 16
Fixing the dark mode flash issue on server rendered websitesMar 31
How to fix NPM link duplicate dependencies issuesMar 10
Running scheduled cross-browser end-to-end tests on Github CI2019
Nov 19
How I built my first custom ESLint ruleSep 24
React Lazy: a take on preloading viewsJul 09
Automated UI accessibility testing with CypressMay 28
Building a GraphQL wrapper for the Docker APIMar 05
Switching off the lights - Adding dark mode to your React appFeb 05
Getting started with Typescript on Gatsby2018
Dec 04
Rebuilding Redux with Hooks and ContextNov 06
Asynchronous rendering with ReactOct 16
Using Flow generics to type generic React componentsOct 09
How to efficiently type your styled-components with FlowJun 19
How I got started with Kubernetes on GKEMay 01
React sub-components Part 3: Whitelisting sub-components with flowApr 16
React sub-components Part 2: Using the new Context APIFeb 26
React sub-componentsJan 10
Running Golang tests with Jest