motion-ui-design

Resources for inspiration, lists of software, libraries and other stuff related to Motion UI design, animations and transitions.
https://github.com/fliptheweb/motion-ui-design

Last synced: 1 day ago
JSON representation

Libraries
- SVG
- HTML, CSS and JavaScript
- CSS
  - Effeckt.css
  - Bounce.js
  - Animations.css - Collection.
  - UI buttons
  - Morf
  - All Animation
  - Bounce.js
  - Bounce.js
  - Bounce.js
  - Bounce.js
  - Bounce.js
  - Effeckt.css
  - Magic animations
  - Morf
  - Bounce.js
  - Animations.css - Collection.
  - UI buttons
  - Hover.css
  - Awesome CSS3 animations
  - All Animation
  - Mantra
- JavaScript
  - GreenSock - performance, professional-grade animation for the modern web.
  - Impulse - performance interactions for mobile web.
  - Famo.us - performance JavaScript library for animations & interfaces.
  - Dynamics.js - based animations.
  - Dynamics.js - based animations.
  - AnimateTransition
  - Popmotion
  - Impulse - performance interactions for mobile web.
  - Snabbt.js
  - Famo.us - performance JavaScript library for animations & interfaces.
  - Framer.js
  - Dynamics.js - based animations.
  - Mo.js
  - AnimateTransition
  - Animate Plus - suited for mobile.
  - Gravitas.js
  - AniJS - attributes.
  - useAnimations - micro-animations icon library;
Software
- Video, gif, presentation
  - MtMograph summits
  - Using After Effects for UI Animation Prototypes
  - How to Use After Effects for Web Animation Prototypes
  - After Effects CC Essential Training on Lynda
  - Squall
  - Apple Motion
  - Adobe Photoshop
  - 9 Photoshop UI Animation Tutorials
  - Apple Keynote - fidelity animations and prototypes:
  - How To Prototype UI Animations In Keynote
  - 9 Photoshop UI Animation Tutorials
  - Adobe After Effects - standard animation and creative compositing app lets you design and deliver professional motion graphics and visual effects for film, TV, video and web:
  - How to Use After Effects for Web Animation Prototypes
  - MtMograph summits
  - 30 days of AE
  - After Effects CC Essential Training on Lynda
  - Squall
  - Adobe Photoshop
  - Adobe Flash
  - Apple Keynote - fidelity animations and prototypes:
  - How To Prototype UI Animations In Keynote
  - Using After Effects for UI Animation Prototypes
  - 9 Photoshop UI Animation Tutorials
  - UI Animation tutorials
- Visual programming
  - Quartz Composer - based visual programming language for prototyping MacOS/iOS apps:
  - Form - based visual programming language for prototyping apps by Google.
  - Origami
  - Floid
  - Avocado
  - Floid
  - The 4 Minute Guide to Quartz Composer
  - Introducing Origami for QC
- HTML, CSS and JavaScript
  - Google web designer - based designs and motion graphics.
  - Animatron
  - Pixate
  - Framer studio
  - Tumult Hype
  - Google web designer - based designs and motion graphics.
  - Animatron
  - SpiritJS
  - Pixate
  - Your first prototype with framer
  - Adobe Edge Animation
  - Prototyping UI Animation
Resources for inspiration
- Sites
  - Dribbble
  - Give ’n’ Go
  - capptivate.co
  - Awwwards
  - cssanimation.rocks
  - hakim.se
  - ui-animations.tumblr.com
  - hoverstat.es
  - appealing.
  - Give ’n’ Go
  - Codyhouse
  - Give ’n’ Go
  - Give ’n’ Go
  - Give ’n’ Go
  - Codepen
  - Give ’n’ Go
  - Give ’n’ Go
  - Give ’n’ Go
  - Give ’n’ Go
  - Codyhouse
  - Dribbble
  - Awwwards
  - cssanimation.rocks
  - michaelvillar.com
  - ui-animations.tumblr.com
  - hoverstat.es
  - appealing.
  - Tympanus codrops
  - UI Movement - Animated interfaces and newsletter.
- Pinterest boards
- Processing and other weird, but funny stuff
  - PATAKK
  - dvdp
  - bigblueboo
  - Misha Kvakin
  - Bees & bombs
  - PATAKK
  - dvdp
  - bigblueboo
  - Misha Kvakin
Articles
- Processing and other weird, but funny stuff
Helpers
- HTML, CSS and JavaScript
  - easings.net
  - cubic-bezier.com - bezier visual tool.
  - csstriggers.com
Web animation performance
- SVG
Speeches, presentations, videos
- SVG
Newsletters, podcasts, screencasts
- SVG
Guidelines
- SVG
Books
- SVG

Programming Languages

JavaScript 3 CoffeeScript 1 Objective-C 1

Categories

Articles 284 Guidelines 63 Libraries 52 Resources for inspiration 48 Software 44 Speeches, presentations, videos 24 Books 9 Web animation performance 7 Newsletters, podcasts, screencasts 6 Helpers 3 License 1

Sub Categories

Processing and other weird, but funny stuff 293 SVG 120 Sites 29 Video, gif, presentation 24 CSS 21 HTML, CSS and JavaScript 18 JavaScript 18 Pinterest boards 10 Visual programming 8

Keywords

animation 2 design 2 javascript 2 motion 2 svg 2 css 1 burst 1 es6 1 graphics 1 library 1 mo-js 1 modern 1 mojs 1 motion-graphics 1 shape 1 swirl 1 timeline 1 toolbelt 1 web 1 webpack 1