Displaying 1 to 13 from 13 results

GreenSock-JS - GreenSock's GSAP JavaScript animation library (including Draggable).

  •    Javascript

GSAP is a JavaScript library for creating high-performance animations that work in every major browser. No other library delivers such advanced sequencing, reliability, API efficiency, and tight control while solving real-world problems on over 4 million sites. GSAP works around countless browser inconsistencies; your animations 'just work'. CSS properties, SVG, canvas libraries, custom properties of generic objects, colors, strings...animate anything! At its core, GSAP is a high-speed property manipulator, updating values over time with extreme accuracy. It's up to 20x faster than jQuery! See the "Why GSAP?" article for what makes GSAP so special. Unlike monolithic frameworks that dictate how you structure your apps, GSAP is completely flexible; sprinkle it wherever you want. React, Vue, Angular or vanilla JS - doesn't matter. Simply put, GSAP is the most robust high-performance animation library on the planet, which is probably why every major ad network excludes it from file size calculations.

anim-panel - A utility panel to make working with Greensock Animation Platform timeline animations easier

  •    Javascript

A utility panel to make working with Greensock Animation Platform timeline animations easier. AnimPanel includes keyboard-shorcuts for a variety of common actions.

generator-bbr - Yeoman generator for Backbone.js applications using RequireJS.

  •    Javascript

A Backbone generator that uses RequireJS for Yeoman that provides a functional boilerplate Backbone app out of the box. You also get access to a number of sub-generators which can be used to easily create individual models, views, collections and so on. This is technically a fork of the official Yeoman Backbone.js generator that has been heavily edited to suit my needs and coding style. I've added Jade templating and removed anything that I don't use or that I viewed as unnecessary.




tina.js - Tweening and INterpolations for Animation

  •    Javascript

A comprehensive, high performance, easy to use, open source animation library in JavaScript. Note: Do not hesitate to contribute by reporting issues or by submitting your own components and interpolations.

gsap-react-plugin - A GSAP plugin for tweening React.js component state.

  •    CoffeeScript

A GSAP plugin for tweening React.js component state. This plugin will handle tweening values on a prop called state. If the tween target does not have a setState method, the plugin will not initialize.

svg-workshop - Starter Materials for Advanced SVG Workshop

  •    HTML

This repo houses the materials and resources for the Building and Animating SVGs Animation Workshop. Most of the materials for the course are outlined below, but there are also directories housed here of very basic examples of some of the techniques we will cover so that students don't have to spend a lot of time researching in order to get started. It is recommended that students use CodePen to create work for the duration of the course, as we'll use preprocessors like SCSS as well as Babel for ES6 and codepen makes it easy to do so without time devoted to setup. If you like, you can also scroll to the CodePen collection section and fork one of the existing pens in those collections, they are comprehensive. GreenSock pens in the collection use member's only plugins that are CodePen-safe. For MorphSVG, DrawSVG, and FindShapeIndex sections, localhost will fail and using CodePen is recommended. For sections covering React-Motion, it may make more sense to use Create-React-App so that your workflow more closely mirrors development, but that decision is up to you.

gsap-tools - A simple tool to debug GSAP animations

  •    Javascript

Managing and debugging Tween and Timeline in GSAP is a hassle, even with the official dev tools. So we created GsapTools, a tool for React1, that makes it all so much easier. Scroll down to know more and go take a look at the website. 1. GsapTools only works with React for the moment, but we plan to make it works on other popular front-end library in the future.


gsap-then - 🙏 Make every GSAP Tween a promise. tl.then(doSomething)

  •    Javascript

Once loaded, every GSAP tween (TweenLite, TimelineLite, TweenMax, TimelineMax) will automatically be a promise. See the usage examples to see what this enables. Or include the file dist/gsap-then.browser.js after loading GreenSock.

angular-movie - An app for movie details built on AngularJS.

  •    Javascript

Welcome to the Angular Movie Site! This is a website template using AngularJS and the GreenSock Animation Platform (GSAP) from which you can design and build a stunning movie showcase. I have personally used many variations of this template to create sites for popular movies (such as The Hobbit and Transformers 4) for over $20,000! Read on to get started. To run the website, you will need to have NodeJs and NPM installed via either Homebrew (brew install node) or nodejs.org.

gsap-then - 🙏 Make every GSAP Tween a promise. tl.then(doSomething)

  •    Javascript

Once loaded, every GSAP tween (TweenLite, TimelineLite, TweenMax, TimelineMax) will automatically be a promise. See the usage examples to see what this enables. Or include the file dist/gsap-then.browser.js after loading GreenSock.

vue-displacement-slideshow - A Vue.js 2.0 slideshow component working with Three.js

  •    Vue

Webgl image displacement transitions made simple. A Vue.js 2.0 slideshow component working with Three.js and GSAP. The canvas can be interactive as well by setting the isInteractive props to true. See the props section to find more.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.