Animation

Animations are often the best way to explain a concept or tell a story. Making them is an absolute nightmare. 

Waffer (@waffer_ai) lets you direct animated videos, shot by shot, with complete creative control.

And an interesting detail i forgot to mention about @galshirart's animation is that whenever a path changes, its stroke width expands briefly before returning to the original size

Visual narrative in animation:
top - random numbers
bottom - a "recorded" chat played in UI

The top already works and gets the job done. But the bottom is different. It feels natural. Users get the idea without diving into details

One small step makes all the difference🤘

Digital illustration by artist <n>dedouze</n> demonstrating an animation addon for <n>Blender 3D</n>.

Hero section animations for the website <n>animations.dev</n>.

Some animations for the hero section of animations[.]dev. Made by a course student (@dimicx).

Coming soon.

The logo for the design software <n>Sketch</n>.

Animating layout isn't always bad. Global CSS variables are a performance killer. Hardware accelerated blurs can crash sites.

Surprised? We go into all this and more, in the first Web Animation Performance Tier List:

A demonstration of <n>Replit</n>'s Design Mode feature for web development.

Here’s the tutorial of how to vibe code a launch video on @Replit

If you think Rive looks cool, but don’t know where to start

Here’s a 20min tutorial to learn the basics and level up your portfolio:

Playing with some of the @variantui explore options 

See how the rotation was made in Jitter:

I mean it as the absolute highest compliment when I say that of all the AI companies today, none remind me more of early-2000s Apple than Anthropic.

How many programs does one know to make something like this? I count at least 3 or 4.

A small tip on making back and forward screen transitions feel a bit snappier and more natural.

Use a shorter movement trajectory and apply the movement animation only to the upcoming screen, not the one that is leaving.

How to Recreate a Viral Motion Design in @LottielabHQ  

Understanding Motion Design through recreating @galshirart's Framer Brand Video

Some animated icons for an australian Fintech

I built an AI system that automates product video creation for entire e-commerce catalogs.

(Saves $30K per collection shoot, increases conversion rates by 40% on sites)

Here's how the automation works:

→ Firecrawl scrapes product photos from any e-commerce collection page
→

Hera (@heravideoapp) is your AI motion designer that creates professional animations in seconds.

Since launching two weeks ago, Hera users have already created over 200,000 animations.

 

Congrats, @tribelhorn23 and @leowuhera!

As a big fan of Duolingo’s animations, I’ve always loved how they bring motion into their app experience.
So I decided to recreate one of their animations using @rive_app  ever since I saw Duolingo using it, I’ve wanted to give it a try. 🎨✨

I love how Contra just keeps pushing forward, constantly improving the experience for creatives.

Graphic from <n>Studio Koto</n>'s 2025 announcement.

2025 ☑️ 5 studios. 3 continents. 138 people.
235 projects driven by optimism, co-creation and craft.
Koto. The Creative Company.

Neuralink is the new apple I guess. beautiful design.

Meet The Vault — a new set of motion templates made for the fintech and banking world.

From product updates and animated ads to UI demos and feature walkthroughs, these templates will help you communicate with clarity and trust.

Available now for free 👇

Animating from `scale(0)` usually feels "off". Try animating from a higher initial scale instead (0.9+). It helps it feel more gentle and elegant.

Here's the difference between initial `scale(0)` and `scale(0.93)`:

Screenshot of the <n>unicorn.studio</n> user interface.

Hot tip: add 3D interactivity to your ASCII heroes with depth maps

a co-worker asked which companies i look up to for their brand or social presence, and it's a surprisingly hard question? 

i think @wabi is my new favorite. who's yours?

animations are a great way to explain things quickly