The Curious Engineer

All blogs / Graphics

Maxime Heckel's Blog

blog.maximeheckel.com

Hi I'm Maxime, and this is my blog. In here, you'll find all the articles I wished I had when I was learning about web development, shaders, real-time 3D on the web, and more. Each piece I write aims to dive deep into the topics I'm passionate about, while also making complex topics more accessible

GraphicsFrontend / CSS / browsersJavaScript / TypeScript

’18’19’20’21’22’23’24’25’26
Posts
60 from 10 Jan 2018 to 18 Aug 2026
Posting
now and then (3 in the last year)
Kind
personal blog
Feed
https://blog.maximeheckel.com/rss.xml

2026 3

  1. Shading Motion
  2. On Rendering the Sky, Sunsets, and Planets
  3. Shades of Halftone

2025 4

  1. Field Guide to TSL and WebGPU
  2. On Shaping Light
  3. Speaking at Figma Config 2025
  4. Post-Processing Shaders as a Creative Medium

2024 4

  1. On Crafting Painterly Shaders
  2. The Art of Dithering and Retro Shading for the Web
  3. Moebius-style post-processing and other stylized shaders
  4. Shining a light on Caustics with Shaders and React Three Fiber

2023 5

  1. Real-time dreamy Cloudscapes with Volumetric Raymarching
  2. Painting with Math: A Gentle Study of Raymarching
  3. Building a magical AI-powered semantic search from scratch
  4. Beautiful and mind-bending effects with WebGL Render Targets
  5. Refraction, dispersion, and other shader light effects

2022 5

  1. The magical world of Particles with React Three Fiber and Shaders
  2. The Study of Shaders with React Three Fiber
  3. Building a Design System from scratch
  4. Everything about Framer Motion layout animations
  5. Building a Vaporwave scene with Three.js

2021 9

  1. Cubic Bézier: from math to motion
  2. First steps with GPT-3 for frontend developers
  3. Building the perfect GitHub CI workflow for your frontend team
  4. Migrating to Next.js
  5. Static Tweets with MDX and Next.js
  6. Advanced animation patterns with Framer Motion
  7. Scrollspy demystified
  8. The Power of Composition with CSS Variables
  9. My first failed SwiftUI project

2020 15

  1. Guide to creating animations that spark joy with Framer Motion
  2. Using Shortcuts and serverless to build a personal Apple Health API
  3. SEO mistakes I've made and how I fixed them
  4. Going native: SwiftUI from the perspective of a React developer
  5. Build your own preview deployment service
  6. The little guide to CI/CD for frontend developers
  7. Immigrating to the US
  8. The physics behind spring animations
  9. Generate screenshots of your code with a serverless function
  10. How to use Framer Motion with Emotion styled-components
  11. Data Fetching with NextJS: What I learned
  12. Learning in public
  13. Fixing the dark mode flash issue on server rendered websites
  14. How to fix NPM link duplicate dependencies issues
  15. Running scheduled cross-browser end-to-end tests on Github CI

2019 6

  1. How I built my first custom ESLint rule
  2. React Lazy: a take on preloading views
  3. Automated UI accessibility testing with Cypress
  4. Building a GraphQL wrapper for the Docker API
  5. Switching off the lights - Adding dark mode to your React app
  6. Getting started with Typescript on Gatsby

2018 9

  1. Rebuilding Redux with Hooks and Context
  2. Asynchronous rendering with React
  3. Using Flow generics to type generic React components
  4. How to efficiently type your styled-components with Flow
  5. How I got started with Kubernetes on GKE
  6. React sub-components Part 3: Whitelisting sub-components with flow
  7. React sub-components Part 2: Using the new Context API
  8. React sub-components
  9. Running Golang tests with Jest