profile picture of Olivier Larose

Olivier Larose

January 30, 2024





Image Pixel Loading

How to Make an Image Pixelization Effect using Canvas API and Next.js

A website tutorial featuring a lazy loading image pixel effect using javascript Canvas API and Next.js. Inspired by

Live Demo
background video

It seems you don’t have access to this tutorial.

This tutorial is part of the Web Animation Course.

Learn more

Related Animations


May 18, 2024

Mask Entry

A website tutorial featuring an entry animation with a masked image made a clip path, React and Framer Motion. Inspired by:, Image by Cody Cobb


Jan 30, 2024

Capsule Physics

A website tutorial featuring a physics based animation using Matter.js and Next.js