UI Animation Newsletter 21.11 - Split text animations 🍕 swipey image grid 🐶 keynote animation 🍎

vol 21.11 • April 30, 2021 • Twitter / Subscribe / Archives

Happy Weekend! This week’s issue features two helpful techniques: one on split text animations, and one on a grid swipe effect. There are also some very cool animations below, like a take on the Apple keynote animation and some fancy scroll painting.

Until next week,

- Val

p.s. Replies go straight to my inbox. Reply and let me know what you’re working on.

LINKS

Trassel
Paint as you scroll with this very pretty scrolling experience from Hakim El Hattab.

Flibbertigibbet
A high-energy and colorful animation by Ordinary Folk for an a word a week series.

Apple keynote animation
A lovely version of the Apple Keynote animation made with SVG and canvas by Louis Hoebregts.

Rockin rainbows
A very fun (and Chromium only) rainbow-filled animation from Michelle Barker.

Magnetic grid animation
This demo combines parallax and 3D for a magnetic feeling effect going from a grid to detail view.

Building split text animations
An in-depth article from Adam Argyle on ways to make split text animations for the web that are minimal, accessible, and work across browsers.

Swipey image grid
A neat photo swipe-reveal effect tutorial from Cassie. It involves both SVG and cute dog photos, so you know it’s a good one.

Support the UI Animation Newsletter:
Submit a link for a future issue or Share it with a friend