The five best design links, every weekday

Domain: blog.maximeheckel.com

blog.maximeheckel.com

Shining a light on Caustics with Shaders and React Three Fiber

A step-by-step guide on how to build a caustic light effect for your React Three Fiber project.

blog.maximeheckel.com

Painting with Math: A Gentle Study of Raymarching

A compilation of my Raymarching and Signed Distance Field learnings and work.

blog.maximeheckel.com

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.

blog.maximeheckel.com

The magical world of Particles with React Three Fiber and Shaders

An interactive introduction to Particles with React Three Fiber and Shaders.

blog.maximeheckel.com

The Study of Shaders with React Three Fiber

A complete guide on how to use shaders with React Three Fiber.

blog.maximeheckel.com

Everything about Framer Motion layout animations

A complete guide to Framer Motion layout animations showcasing every concept.

blog.maximeheckel.com

Cubic Bézier: from math to motion

A deep dive into the math behind Bézier curves, from simple linear interpolations to Cubic Bézier.

blog.maximeheckel.com

First steps with GPT-3 for frontend developers

A beginners guide to OpenAI’s API that eases frontend developers into the world of GPT-3.

blog.maximeheckel.com

The Power of Composition with CSS Variables

How leveraging CSS variable composition and HSLA colors helped me build a more efficient way to theme my apps and rely less on CSS-in-JS.