https://jeremyckahn.github.io/stylie/

A graphical CSS3 animation tool
https://jeremyckahn.github.io/stylie/

Last synced: 3 months ago
JSON representation

A graphical CSS3 animation tool

• Host: GitHub
• URL: https://jeremyckahn.github.io/stylie/
• Owner: jeremyckahn
• License: other
• Created: 2012-02-26T06:25:48.000Z (almost 13 years ago)
• Default Branch: develop
• Last Pushed: 2023-02-22T15:03:52.000Z (almost 2 years ago)
• Last Synced: 2024-09-01T13:02:25.103Z (3 months ago)
• Language: JavaScript
• Homepage: https://jeremyckahn.github.io/stylie/
• Size: 9.98 MB
• Stars: 529
• Watchers: 18
• Forks: 78
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-webdev-resources - Stylie
• awesome-webdev-resources - Stylie

README

        
# Stylie - A CSS 3 animation tool

[![Code Climate](https://codeclimate.com/github/jeremyckahn/stylie/badges/gpa.svg)](https://codeclimate.com/github/jeremyckahn/stylie)

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](https://docs.npmjs.com/cli/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](http://www.jonvictorino.com/).  The Help icon

was masterfully crafted by [@nrrrdcore](https://github.com/nrrrdcore).

## License

Stylie is distributed under a [CC BY-NC-SA

license](https://creativecommons.org/licenses/by-nc-sa/4.0/legalcode).  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.