profile picture of Olivier Larose

Olivier Larose

September 16, 2023

/

Intermediate

/

Medium

Painting Animation

Build An Awwwards Painting Animation with Canvas API and Next.js

An Awwwards winning painting animation made with the Canvas API and Next.js. Inspired by: https://dominic.bz/

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

image

June 2, 2024

Mouse Image Distortion

A website animation featuring an image distortion in a curved, using the sin function, React, React Three Fiber and Framer Motion

image

May 4, 2024

Paint Reveal

A website tutorial on making a paint reveal / erasing effect using the destination out blend mode of the canvas API, made with React and Next.js

image

March 8, 2024

Blend Mode Cursor

A website tutorial featuring a moving cursor on mouse move, colored with CSS blend mode difference, made with React and GSAP. Inspired by https://trionn.com/