Pixel art animation and drawing web app powered by React

Pixel Art to CSS

Pixel Art to CSS is an online editor that helps you with that task.

Combining the power of both box-shadow and keyframes CSS properties, you will get CSS code ready to use in your site.

Furthermore, you can download or share your work in different formats such as a static image, animated GIF or sprite like image.

Installation

npm install

Development

If you just want to develop the interface with no need of the back-end side.

npm run development

Deploy

Create the final build and run the generated React HTML on the server using SSR.

npm run deploy

npm run server

A config.json is needed for deployment with the Twitter and express keys.

Lint

There are several libraries used in the project that help us to keep our codebase healthy:

Every time we commit something it will execute the linters and format the staged files if needed.

If you want to check them individually you could execute the following scripts:

npm run lint
npm run csslint
npm run format

Testing

We are using Jest as the testing platform.

npm run test

GitHub