The five best design links, every weekday

Category: Motion Design

All Categories

floor796.com

Floor796

A huge animation scene with many references to memes, games, films, series, anime, music groups.

easingwizard.com

Easing wizard

Generate and customize CSS easing functions with ease and magical precision using Easing Wizard.

fluid-triangle.vercel.app

Triangle FLIP fluid

Fun exploration with fluid physics and ASCII rendering.

mullenlowedesign.co

Case study: ADC 104th campaign ID

A series of surreal and humorous animated shorts to highlight the importance of creating work that simply can’t be ignored.

youtube.com

OpenAI brand refresh

Beautiful work from Studio Dumbar and ABC Dinamo in partnership with OpenAI's in-house team to refresh their visual identity.

research.mouthwash.studio

Mouthwash research center

A dedicated space by Mouthwash studios to explore and come across new design and motion ideas.

itsnicethat.com

How brands are morphing the next era of motion design

A creeping shift has redefined how brands maintain identity over recent years, chasing audiences as they jump between endless windows.

brandsinmotion.xyz

Brands in motion

An independent resource showcasing the very best motion design in branding.

emilkowal.ski

Great animations

What it takes to craft great animations.

motion-prompting.github.io

Motion prompting

A video model conditioned on any motion.

jitter.video

Jitter: fast and simple motion design tool

Create professional animated content with Jitter. Use it to design on-brand animated UIs, videos, social media posts, websites, apps, logos and more.

x.com

Rive app animation

Multiple state machine layers that wait on the 'page loaded' signal from Webflow and then have build in animations followed by looping states.

motion.dev

Framer Motion is now independent, introducing Motion

Framer Motion is now independent. Introducing Motion, a new animation library for React and all JavaScript environments.

tympanus.net

Recreating the Mac Mini effect in Rive

How to bring the Mac Mini animation to life using Rive’s powerful no-code tools, with tips on nested artboards, state machines, and faux 3D effects.

viget.com

How We Designed & Built a View Transition Demo

Design and development collaboration shines with Figma's Smart Animate and Astro's View Transition API for seamless web transitions.

builtformars.com

A collection of bitesized UX interactions

Curated to inspire other designers and help you tune into what great UX looks like, from the best products in the world.

labs.eevennsoh.com

Labs - Ee Venn Soh

A space where I periodically explore the convergence of design, technology, and creativity.

clipcontent.substack.com

The playful design details of the Playdate console

A showcase of delightful details with questionable ROI.

medium.com

How to maximize delight in data visualizations

How Shopify's Live View redesign uses things like motion to bridge the gap between observing the screen and experiencing real human connections.

contra.com

The State of Independence Report 2021

Contra surveyed over 10,000 freelancers across design, engineering, product, writing, marketing, and social to gather insights on the future of work.