🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Stylie is a fun tool for easily creating CSS 3 animations. You can configure your animation graphically, tweak it, grab the generated CSS and go!

Animation CSS

Documentation

Stylie - A CSS 3 animation tool

Code Climate

Stylie is a fun tool for easily creating CSS 3 animations. Quickly design your animation graphically, grab the generated CSS and go! To learn how to use the app, either run it locally (see below) or go to https://jeremyckahn.github.io/stylie/ and click the "?" icon in the header for a manual.

Install locally

Clone this repo and install the dependencies:

npm install 

To run the app:

npm start 

You can now access Stylie from http://localhost:9005.

Developing Stylie

You can build the project with:

npm run build 

Releasing

Release process uses standard npm version process:

npm version [major|minor|patch] 

You'll need Git remote repo write/push permissions for this to work.

Contributors

I can't design things, but I know people that can. The overall look of the app is courtesy of Jon Victorino. The Help icon was masterfully crafted by @nrrrdcore.

License

Stylie is distributed under a CC BY-NC-SA license. Don't worry, this license does not extend to the animations you create with Stylie, just the application itself. You are free to use the animations created by Stylie however you please. You are encouraged to use and modify the code to suit your needs, as well as redistribute it non-commercially.


You May Also Like