Displaying 1 to 19 from 19 results

lottie-ios - An iOS library to natively render After Effects vector animations

  •    Objective-C

Lottie is a mobile library for Android and iOS that parses Adobe After Effects animations exported as json with bodymovin and renders the vector animations natively on mobile and through React Native!

TheatreJS - A high-performance animation editor for the web.

  •    CoffeeScript

This is theatrejs-0.1 that some of the demos we created depend on.theatrejs will be free and open-source. We're discussing which open-source licensing model to choose, and whether to include a commercial license.

react-keyframes - Create frame-based animations in React

  •    Javascript

A React component for creating frame-based animations.The following example will render contents in Frame one at a time every 500 ms.




hecate - Automagically generate thumbnails, animated GIFs, and summaries from videos

  •    C++

Hecate [hek-uh-tee] is a video processing library that auto-magically generates thumbnails, animated GIFs, and video summaries from videos. This library is developed and maintained by Yahoo Research, New York.The source code is Copyright 2016 Yahoo Inc. and is licensed under the terms of the Apache 2.0 License. See the LICENSE in the project root file for terms.

keytime - [EXPERIMENT] keyframe animation tools

  •    Javascript

Modular keyframe-based animation tools. Currently at a work-in-progress/proof-of-concept stage.This does not implement its own loop or play(), pause() methods. It simply allows the developer to retrieve interpolated values at an arbitrary time stamp (which may be in seconds, milliseconds, centuries, or whatever).

jogwheel - 💿 Take control of your CSS keyframe animations

  •    Javascript

jogwheel gives you the power to take full control of your CSS keyframe animations via JavaScript.jogwheel is available on npm.


EasyTransform - Enhancing CSS transform with a little bit of JavaScript.

  •    Javascript

Easy Transform allows animation-like capabilities on HTML elements through the power of CSS transitions. What does "animation-like" mean? Internally, EZT uses transition events to advance frames from one transform to another. Doing this, certain transitions can acquire an near-animation (keyframed) appearance.

postcss-extract-animations - Extract inline @keyframes into separate rules

  •    Javascript

Extract inline @keyframes from your CSS rules so you can look at everything in one place. See PostCSS docs for examples for your environment.

nativescript-keyframes - Facebook Keyframes plugin - if CSS animations don't cut it for ya

  •    Javascript

Make sure you check that out as well, but if you or your designer is a sucker for After Effects to create crazily complex (and beautiful) animations then this is the plugin for you. Want to dive in quickly? Check out the demo. Which looks like this (YouTube video). Otherwise, continue reading.

keyframe - A simple keyframe utility for custom animation

  •    Javascript

Pass an object witch every key is the keyframe from 0 to 100. Each keyframe is a function that will be called during the keyframe interval. Each passed function is cached and runs only once when the value is the same.

react-animation - Animation components and styles for React projects

  •    Javascript

You can see each of the components and animations that are included on this demo page. The following components can be used to easily add animation to specific circumstances.

css-keyframer - Dynamic css animation keyframes Manipulation library.

  •    Javascript

Dynamic css animation keyframes Manipulation library. css-keyframer.js provides a Low-level API that add to the head element dynamically generates a style element. Therefore, linking to the DOM element must be handled by the user side.

postcss-animation - PostCSS plugin that adds `@keyframes` from animate.css.

  •    Javascript

PostCSS PostCSS plugin that adds @keyframes from animate.css. See PostCSS docs for examples for your environment.

ti.animation - Titanium animation module for Facebook Keyframe and Airbnb Lottie

  •    Objective-C

Appcelerator Titanium Android module for Facebooks Keyframes libray and for Airbnb Lottie. Visit the wiki for the documentation.

postcss-safe-important - PostCSS plugin that adds !important to style declarations safely.

  •    Javascript

PostCSS plugin that adds !important to style declarations safely. When there are existing CSS styles on a page, and you want to prevent those styles cascading into some part of the page. This is not a stylesheet to use when developing your own website (for that, try Eric Meyer’s classic “Reset CSS” or the “HTML5 Doctors’ adaptation”.

rax-keyframes-to-animation - convert keyframes code to animation, use keyframes in rax

  •    Javascript

convert keyframes code to animation, use keyframes in rax. 使用 CSS 3 中的 keyframes 语法来写 rax 动画