timeliner - simple javascript timeline library for animation and prototyping

  •        27

Timeliner is a graphical graphical tool to help create and prototype animations quickly. It is useful for adjusting variables and checking out how the effects changes over time with keyframing and easing/tweening functions. It may also have some similarities with the timeline component of adobe flash, after effects, edge animate or other animation software. It is written in javascript and meant to work with different javascript libraries or webgl frameworks, in 1d, 2d, or 3d. It is built primary for myself, but feel free to send me suggestions or requests.

https://github.com/zz85/timeliner

Tags
Implementation
License
Platform

   




Related Projects

timeline.js - A compact JavaScript animation library with a GUI timeline for fast editing.

  •    Javascript

A compact JavaScript animation library with a GUI timeline for fast editing. After specifying the target using anim() you can chain as many to() animations as you want. To start parallel track simply call anim() on the same target again.

PiTiVi - Movie editor for Linux desktop

  •    Python

PiTiVi is designed to be a simple video editor to meet the needs of users in the GNOME desktop environment. PiTiVi inherits its capabilities for importing and exporting (rendering) media from the GStreamer framework, or plugins for the GStreamer framework. PiTiVi supports simple media editing capabilities such as trimming, snapping, splitting and cutting of clips. Audio mixing is supported by curves, visualised as line segments drawn over an audio waveform.

timeliner - All your digital life on a single timeline, stored locally

  •    Go

Timeliner is a personal data aggregation utility. It collects all your digital things from pretty much anywhere and stores them on your own computer, indexes them, and projects them onto a single, unified timeline. The intended purpose of this tool is to help preserve personal and family history.

timeline.js - A compact JavaScript animation library with a GUI timeline for fast editing.

  •    

A compact JavaScript animation library with a GUI timeline for fast editing.

create-keyframe-animation - Generate CSS keyframe animations dynamically in the browser with JavaScript

  •    Javascript

Generate CSS keyframe animations dynamically in the browser with JavaScript. You describe them in JS and it generates and inserts a <style> in the document <head> with a CSS keyframe animation.


EasingInterpolator - Twenty-eight different easing animation interpolators for Android.

  •    Java

Twenty-eight different easing animation interpolators for Android. It does not use the standard 4 param ease signature. Instead it uses a single param which indicates the current linear ratio (0 to 1) of the tween. Add the dependency to your build.gradle.

RazzleDazzle - A simple keyframe-based animation framework for iOS, written in Swift

  •    Swift

RazzleDazzle is a simple AutoLayout-friendly keyframe animation framework for iOS, written in Swift. Perfect for scrolling app intros. RazzleDazzle grew from JazzHands, an Objective-C scrolling keyframe animations library by IFTTT.

FPSAnimator - FPSAnimator is very easy animation library for Android TextureView and SurfaceView.

  •    Java

A simple but powerful Tween / SpriteSheet / ParabolicMotion / animation library for Android TextureView and SurfaceView. Include the FPSTextureView widget in your layout. Set FPS by attribute. Default FPS is 30. If you use SurfaceView , use FPSSurfaceVIew.

timeliner - jQuery plugin to make an interactive, historical timeline

  •    HTML

Build a simple, interactive, historical timeline with HTML, CSS, and jQuery. The benefits of this timeline script are that it's (1) simple, (2) able to handle nearly any form of content (including images, video, audio), (3) printer friendly, and highly customizable with just CSS and HTML. Please drop me a line if you do do something interesting with it. See below for samples from other users.

rekapi - A keyframe animation library for JavaScript.

  •    Javascript

A keyframe animation library for JavaScript.

JazzHands - A simple keyframe-based animation framework for UIKit. Perfect for scrolling app intros.

  •    Objective-C

Jazz Hands is a simple keyframe-based animation framework for UIKit. Animations can be controlled via gestures, scroll views, KVO, or ReactiveCocoa. Jazz Hands is used extensively in IF and DO by IFTTT for iPhone and iPad, most famously in the app intro.

EkszBox-VCL

  •    Delphi

EkszBox-VCL - Visual Component Library For Delphi/C++ Builder. Mainly contains easily skinnable/attractive controls. Animation/fade/tween effects. ImgProgressBar, ImgTrackBar, ImgCheckBox, ImgButton, ImgForm, ImgLED, GradientBar, FadeImage, DirBrowse

Tweened

  •    CSharp

The main purpose of Tweened is to provide a very simple way to animate any Xaml Objects you want in Silverlight with Tween Equations. To reach this goal you just have to Reference Tweened.dll. It's developed in C# and based on Robert Penner's TweenedEquations.

Scene.js - JavaScript & CSS timeline-based animation library

  •    Typescript

Scene.js is a JavaScript & CSS timeline-based animation library. It supports two plays Javascript and CSS animation. It provides effect presets that can give animation effects or make animation easier.

TweenJS - A simple but powerful tweening / animation library for Javascript

  •    Javascript

TweenJS is a simple tweening library for use in Javascript. It was developed to integrate well with the EaselJS library, but is not dependent on or specific to it (though it uses the same Ticker and Event classes by default). It supports tweening of both numeric object properties & CSS style properties.The API is simple but very powerful, making it easy to create complex tweens by chaining commands.

react-tween-state - React animation.

  •    Javascript

The equivalent of React's this.setState, but for animated tweens: this.tweenState. Live demo and source.

csshake - CSS classes to move your DOM!

  •    CSS

You could download the complete csshake.css file or separated files for each shake animation (i.e csshake-little.css). Each one expanded or minified. Add also classes to control the animation-play-state.

morpheus - A Brilliant Animator

  •    Javascript

A Brilliant Animator. Morpheus lets you "tween anything" in parallel on multiple elements; from colors to integers of any unit (px, em, %, etc), with easing transitions and bezier curves, including CSS3 transforms (roate, scale, skew, & translate) -- all in a single high-performant loop utilizing the CPU-friendly requestAnimationFrame standard.