- CSS Animation Weekly
- Posts
- CSS Animation Weekly #49 - UI Animation with Principle, Organic SVGs and more
CSS Animation Weekly #49 - UI Animation with Principle, Organic SVGs and more
Let's learn how to build impressive prototype animations, explore all the angles of a 3D CSS cube, and be inspired!
♥️
Donovan at CSSAnimation.rocks
Articles

A guide to using prototyping your app's UI animations using Principle and Sketch

Create some wonderful organic animations with this one from Codrops

In case you missed it, this case study from Anna Selezniova on 3D CSS makes great use of animation
Inspiration
More fun with SVG blurs and animations...
A great take on the old rotating sphere thing. 🦋 Best viewed in Chrome
A deceptively simple infinite looping barber pole animation 💈
Cute animation for this checkbox replacement

An elegant bit of SVG animation on this rainbow ring 🌈
Very cute simple animation of a Newton's cradle
Animation in the real world

Loads of storytelling and scroll-triggered animation on this intelligent assistant landing page 👌