Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jeremyckahn/stylie
A graphical CSS3 animation tool
https://github.com/jeremyckahn/stylie
Last synced: 9 days ago
JSON representation
A graphical CSS3 animation tool
- Host: GitHub
- URL: https://github.com/jeremyckahn/stylie
- Owner: jeremyckahn
- License: other
- Created: 2012-02-26T06:25:48.000Z (over 12 years ago)
- Default Branch: develop
- Last Pushed: 2023-02-22T15:03:52.000Z (over 1 year ago)
- Last Synced: 2024-10-11T03:19:06.515Z (about 1 month 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
README
# Stylie - A CSS 3 animation tool
[](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.