150 best open source transition projects.

We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.

Displaying 1 to 20 from 150 results

Presentr - Swift wrapper for custom ViewController presentations on iOS

Swift

Presentr is a simple customizable wrapper for the Custom View Controller Presentation API introduced in iOS 8.iOS let's you modally present any view controller, but if you want the presented view controller to not cover the whole screen or modify anything about its presentation or transition you have to use the Custom View Controller Presentation API's.

ios presentation transition animation modal alert

react-transition-group - An easy way to perform animations when a React component enters or leaves the DOM

Javascript

ATTENTION! To address many issues that have come up over the years, the API in v2 is not backwards compatible with the original React addon (v1-stable).For a drop-in replacement for react-addons-transition-group and react-addons-css-transition-group, use the v1 release, which is still actively maintained. Documentation and code for that release are available on the v1-stable branch.

react transition addons transition-group animation css transitions

jquery.transit - Super-smooth CSS3 transformations and transitions for jQuery

Javascript

jQuery Transit is a plugin for to help you do CSS transformations and transitions in jQuery.Refer to the jQuery Transit website for examples.

css3 animation transition jquery jquery-plugin

cta.js - Animate your 'action-to-effect' paths

Javascript

cta.js or "Call to Animation" is a light-weight performant library to animate any element ("action") onto any other element ("effect") on the page. cta.js is just 1.2KB minified & gzipped.

animation transition ux library

Transition - Easy interactive interruptible custom ViewController transitions

Swift

Transition is a library that helps you build iOS view controller transitions. Implementing a nice interactive custom view controller transition involves quite a number of components. You have to implement the correct delegates, handle the switching between passive animation and active interaction phases, ensure the timing is right, think of interruption and cancellation, keep responsibilities separated... It quickly gets messy! This is where Transition helps you out: you just define the animation and the interaction, Transition ties it all together. To run an example project, clone the repo, navigate to one of these example directories, and run pod install from that directory first.

ios viewcontroller transitions view controller transition animation interactive interuptable custom

Music-Player - From UI Proposal to Code :notes::arrow_forward:

Java

Some developers have difficult to code when the UI proposal is a bit “sophisticated” or “complex”. Many of them strip a lot of significant portion of the UI or even the Motion when they are coding, and the result ends up quite different of the original proposal. This article talks about how would be to code an UI proposal, skipping some basic Android details and focusing on transition and animation approach...

android music-player music player prototype motion-design transitions transition ui-proposal

barba.js - Create badass, fluid and smooth transition between your website's pages.

Javascript

barba.js is a small (4kb minified and gzipped), flexible and dependency free library that helps you creating fluid and smooth transitions between your website's pages. It helps reducing the delay between your pages, minimizing browser HTTP requests and enhancing your user's web experience.

transition pjax smooth-transitions pushstate prefetch transitions navigation

animatic - CSS animations engine

Javascript

CSS/JS Animations Library with Physics support

animation animations transition transitions css physics

ZFDragableModalTransition - Custom animation transition for present modal view controller

Objective-C

###ScrollView If you have scrollview in the modal and you want to dismiss modal by drag it, you need to set scrollview to ZFModalTransitionAnimator instance. The current ViewController's view still visible behind the modal, so you just set transparent color to background view.

ios transition animation

EasyTransitions - A simple way to create custom interactive UIViewController transitions

Swift

EasyTransitions is a library that helps developers create custom interactive transitions using simple functions defined in a protocol and avoid handling with the mutiple transitions API's in UIKit. Each of them grabs the available views to perfrom the transition. As read in the docs I avoid grabbing the views directly from the UIViewControllers and access them via UIViewControllerContextTransitioning's view(forKey: UITransitionContextViewKey).

ios ui animations transition interaction ux

transitioner - A library for dynamic view-to-view transitions

Kotlin

Transitioner provides easy, dynamic and adjustable animations between two views with nested children. App design feature here.

android kotlin view transition animation transitioner dynamic library android-library keyframe keyframes keyframe-animation

gganimate - A Grammar of Animated Graphics

gganimate extends the grammar of graphics as implemented by ggplot2 to include the description of animation. It does this by providing a range of new grammar classes that can be added to the plot object in order to customise how it should change with time. In this example we see the use of transition_time() which can be used with continuous variables such as year. With this transition it is not necessary to provide transition and state length as the "transition variable" provides this directly (e.g. it should take twice as long to transition between 1980 and 1990 compared to 2000 to 2005). We also see the use of string literal interpolation in titles. gganimate lets you specify variables to evaluate inside titles and different transitions provide different type of information to use.

rstats ggplot2 animation transition

aasm - AASM - State machines for Ruby classes (plain Ruby, ActiveRecord, Mongoid)

Ruby

This package contains AASM, a library for adding finite state machines to Ruby classes. AASM started as the acts_as_state_machine plugin but has evolved into a more generic library that no longer targets only ActiveRecord models. It currently provides adapters for many ORMs but it can be used for any Ruby class, no matter what parent class it has (if any).

state-machine aasm transition activerecord mongoid

Macaw - Powerful and easy-to-use vector graphics Swift library with SVG support

Swift

Macaw is a powerful and easy-to-use vector graphics library written in Swift. Modern designs contain tons of illustrations and complex animations. Mobile developers have to spend a lot of time on converting designs into native views that will be resizable for different screens. With Macaw you can reduce development time to a minimum and describe all graphics in high level scene elements. Or even render SVG graphics right from your design tool with Macaw events and animation support.

ios ios-animation drawing graphics svg ui transition animation

react-native-animatable - Standard set of easy to use animations and declarative transitions for React Native

Javascript

To make looping animations simply set the iterationCount to infinite. Most animations except the attention seekers work best when setting direction to alternate. You can create your own simple transitions of a style property of your own choosing. The following example will increase the font size by 5 for every tap – all animated, all declarative! If you don't supply a duration property, a spring animation will be used.