A blue sign with the number 2022 animating into 2023 on it.

Area17 Recreated: Beautiful Scaling Circles Mask

11.22.2023
by
Web Bae

Area 17 won a 2022 Honorable Mention in Awwwards Site of the Year Contest. The hero section is a gorgeous animated reveal using a mask of circles that shows a hidden SVG as a grid of circles grows. I tip my hat to their designers and developers, and show you how to build it with Webflow, GSAP, and Paper.js in this video!

DEMO/CLONE
TUTORIAL
CODE

See the Pen Splide Slider by learyjk (@learyjk) on CodePen.

Acknowledgements: