UI Animation Newsletter 21.09 - Distributed letter animation ⭐️ SVG blob editor 😎 time traveling with GSAP 🚀

vol 21.09 • April 3, 2021 • Twitter / Subscribe / Archives

Happy weekend! This week’s issue features two impressive CSS only effects, at least two cool SVG things, plus a look at how to do neat things with GSAP timelines.

Until next week,

- Val

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

UI ANIMATION OF THE WEEK

Michelle Barker's Personal Site

You might recognize Michelle’s name from some past issue’s tutorials. Her recently redesigned personal site has a sense of play and lightness to it that I really love.

LINKS

Unzipping folders
Endlessly unzipping folders, all done with CSS.

CSS only satellite
The swarm of orbiting triangles makes for a very neat effect. It’s hard to believe this one is done all with CSS.

Generative SVG animation with GSAP and React
This Pen from Natalia has a strong Spring vibe as these vines regenerate and animate in.

Photo tear
It’s surprisingly satisfying to tear through photos in this Pen from Steve Gardner.

A simple SVG blob editor
Drawing blobs in this little tool was way more fun than I expected. There are some lovely bits of animation that bring the drawing experience to life.

Time traveling with GSAP
Jhey shows how timelines can affect each other in this meta GASP demo.

Distributed letter animation
Another neat animated type effect from the folks at Codrops.

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