Displaying 1 to 20 from 141 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.

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.

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.

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.




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.

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...

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.


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.

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).

gganimate - A Grammar of Animated Graphics

  •    R

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.

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).

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.

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.

vueg - 为 webApp 提供转场特效的开源 Vue 插件 / Make vue-router have a transition effect

  •    Javascript

为vue-router添加转场效果,只需要在<router-view v-transition></router-view>加上v-transition,即可获得转场效果,并能够根据url级别(/)和历史记录判断是前进和后退。