https://github.com/appcypher/kinema

[WIP] A CSS Animation Studio.
https://github.com/appcypher/kinema

animation css html json transition

Last synced: 27 days ago
JSON representation

[WIP] A CSS Animation Studio.

• Host: GitHub
• URL: https://github.com/appcypher/kinema
• Owner: appcypher
• License: apache-2.0
• Created: 2018-05-12T22:24:48.000Z (almost 7 years ago)
• Default Branch: develop
• Last Pushed: 2022-12-09T12:18:21.000Z (about 2 years ago)
• Last Synced: 2025-01-12T03:12:09.139Z (about 1 month ago)
• Topics: animation, css, html, json, transition
• Language: JavaScript
• Homepage:
• Size: 2.23 MB
• Stars: 3
• Watchers: 4
• Forks: 1
• Open Issues: 22
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# kinema

A CSS Animation Studio (Work in Progress)

#### The User Inteface

Mockup can be found [here](https://www.figma.com/file/ywemwNYU9Mll91LS8zg7p1/kinema?node-id=69%3A219)

![Kinema](media/images/kinema.png)

#### Installation.

  * Install [Nodejs](https://nodejs.org/en/download/) if you don't already have it

  * Clone this repo ```git clone https://github.com/appcypher/kinema.git```

  * Run ```npm install``` to install the required dependencies

  * Run ```npm run build:dev:watch``` to serve the UI at localhost:9000

  * Open http://localhost:9000/ in the browser