I am looking to compile and apply a list of transitions/animations across a web application.

Does anyone have any good examples of any existing transition pattern libraries out there?

I know the Yahoo one obviously and have also come across this YUI Gallery.

I suppose I'm interested in finding a good approach to organizing the transitions in a way that is easy to scan/consume. I'm not sure the examples I mentioned achieve this.

  • ui-transitions.com Apr 11, 2012 at 10:37
  • Nice question! Could you tell us in what type of context this transition will be used, and It'll be easier to answer the question. Apr 11, 2012 at 10:49
  • Ah I had seen this site before Vitaly but had forgotten about it. Thanks!
    – Spiral13
    Apr 11, 2012 at 10:58
  • Hi Benny, it's a large business applications. There are many transitions and many contexts. It's hard for me to be really specific about it. A lot of the transitions would be standard enough. It's not the transition types that concern me at this point, it's devising an easy to read reference library that concerns me at the moment.
    – Spiral13
    Apr 11, 2012 at 11:01

2 Answers 2


Meaningful Transitions - Motion Graphics in the User Interface has some really nice examples of transitions along with detailed descriptions of how they can be used to enhance the user experience.


Did you tried http://sixux.com/tagged/transition/page/3 ? It uses video on Vimeo to show transitions. Also http://capptivate.co for IOS/mobile

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.