Agile is a engine Using javascript generated pure CSS3.Its simple, fast and easy to use.


AgileJS - The Css3 Creation Engine

license Release Version PRs Welcome npm

Agile banner

Using javascript generated pure CSS3

AgileJS is a simple, fast and easy to use engine which uses javascript generated pure CSS3. Check out examples at


  • AgileJS uses javascript to generate pure CSS3, without canvas, webGL or SVG.
  • Performant on mobile devices, being truly cross platform.
  • AgileJS’s API has high similar characteristic with actionscript 3.0, you can learn it in 10 minutes.


Download the minified library and include it in your html document.

<script src="js/agile.min.js"></script>

Or install using npm


npm install agilejs --save

import Agile from 'agilejs';

Create and move a circle:

//init AgileJS
Agile.mode = '3d';
var container = new Agile.Container('container'); = false;
container.perspective = 1000;

//create a displayobject
var circle = new Agile.Circle(80, '#ff0000');
circle.x = 100;
circle.y = 120;

//add a keyframes
var keyframes = new Agile.Keyframes(100, {
	scaleX : .5,
	scaleY : .5
circle.addFrame(1, keyframes, {
	yoyo : true,
	loop : -1

Building AgileJS

Node is a dependency, use terminal to install it with with:

git clone git://
npm install
npm run build

and run examples

npm start
//vist http://localhost:3001/examples/

es6 lint

npm run lint


LicenseFinder is released under the MIT License.