UI Inspiration: Patterns, Interactions and Animation Libraries
UX patterns, interactions, animations, transitions and UI libraries to keep you inspired. No matter if you are in a coffee break, stuck at work trying to solve a UI problem or just looking to delight your users with best-in-class UI patterns, use the links below to gather some inspiration for your next project.
Inspiring User Interface (UI) elements in beautifully-organized libraries:
Little Big Details
Impressive microinteractions to inspire more delightful experiences.
Zurb PatternTap
The classic pattern library covering several standard web components.
Mobile Patterns
Screenshots from famous Mobile Apps for UI inspiration.
UX Archive
Handy user flows for iPhone Apps categorized by the type tasks users are doing.
Inspired UI
UI screenshots from iPhone, Android and iPad apps, organized by category.
Konigi
Curated UI benchmarks, including videos and comments on what’s working/not working.
Pttrns
Comprehensive collection of mobile design patterns, resources and inspiration.
UI Patterns
Detailed UI patterns focused on solving common design challenges.
Patternry
Design patterns with ready-to-use HTML components.
Best-in-class UI animations and transitions:
As a designer, there are time when all you need is some inspiration on how to make your interfaces feel more alive — and animations and transitions can have a great impact on that. Adding moments like these to your product can delight your users and reinforce your brand values through relevant and unique microinteractions. Take a look at the libraries below.
Six UX
A collection of six-second transitions and animations from various websites and apps.
Capptivate.co
Kinetic pattern library of delightful iOS animations.
UI Animations (Tumblr)
A tumblr blog with UI animations for desktop and mobile interfaces.
Articles and other resources on animations and transitions:
- Smart transitions in user experience design
- 17 delightful micro UX effects and transitions for your website
- Interfaces that flow: transitions as design elements
- Interaction & motion design board on Pinterest
- UI Animation and UX: a not-so-secret friendship
- Are Apple UI designers learning from Pixar?
- Animation: from cartoons to the user interface
