8 best tools for complex UI animations & prototyping

3 min readMar 27, 2020

--

Here are the tools that will help you learn complex UI animations and prototyping with ease.

Drama — Prototyping, animation & design tool. All-in-one. — Drama

Anima app — Create Responsive and Interactive High-Fidelity Prototypes, and Export Code — Anima

Flow — Powerful animation tools & code export you’ll actually use. — Flow

Framer X — Bring your creative ideas to life with Framer X, the best tool for interactive design. — Framer

Principle — makes it easy to design animated and interactive user interfaces. — Principle

Flinto — create interactive and animated prototypes of their app designs — Flinto

Kite compositor — A powerful animation and prototyping application for Mac & iOS — Kite Compositor

Origami

Bonus —💡 UI Motion Resources & Inspirations

UI Movement — A gallery of UI designs in motion

UI Movement

UI Movement is a community of design enthusiasts who share and discuss the most interesting and unique UI designs.

uimovement.com

UX/UI Gifs — A handpicked curation of UX/UI Design patterns in motions

Collection of UX/UI patterns in motion.

Handpicked collection of UX & UI design patterns in motion…

uxuigifs.tumblr.com

UX in Motion Manifesto — Creating usability with motion

Creating Usability with Motion: The UX in Motion Manifesto

The following manifesto represents my answer to the question — “As a UX or UI, designer, how do I know when and where…

medium.com

Lottie files — Free built animations for Lottie

Featured animations from our community

Featured collection of Free Lottie Animations created with Bodymovin.

lottiefiles.com

Navnav plus — animation examples built in different frameworks

NavNav+

Curated animation and examples built in different frameworks

plus.navnav.co

Frontendsource — Hand-curated developer resources for your favorite frontend frameworks

FrontendSource

Curated resources for Vue, React, Jekyll, Gatsby, and more!

frontendsource.com

Principle Repo — Find and share Principle animations

Principle Repo

Principle Repo is the best resource website to learn Principle for Mac. Download sample files, read articles, and learn…

www.principlerepo.com

Did you find this useful? Give me a clap or comments below for other interesting curated list and resources for UI animations.

Hannah Milan

Written by Hannah Milan

Maker of A11yResources (acquired). Writes, curates, & save links to share. Currently writing an ebook about bite-sized accessibility lessons.

Help
Status
About
Careers
Press
Blog
Privacy
Terms
Text to speech
Teams