zetixar / Keyframes

A simple CSS toolbox

Keyframes.app v2

A collection of simple tools for frontend development.

• Visual CSS @keyframe editor.
• Color palette creator with gradients, conversion, contrast, and color blindness.
• CSS box-shadow generator
• Special character search

Built With

• Vue - Framework
• {scss} - Styling
• No frontend/CSS frameworks or plugins

Third-party packages:

• DayJS for Dates
• Numeral.js for Number stuff
• Font Awesome Pro icons

 

 

Project Installation & Development

You need config values in your .env files.

Packages

npm install

NPM Commands

Run

Serve on localhost:8080

npm run serve

Bundle Analyzer will also be running at :8888

Build

Build with test configuration

npm run build

Build with live configuration

npm run build-prod

Deploy

After running npm run build or npm run build-prod, the compiled project will be in the /dist folder.

Run your tests

npm run test

Lints and fixes files

npm run lint

 

 

Authors

• Mitch Samuels - hotdi.sh

Also view the contributors for others who have contributed.

 

 

License

This project is licensed under the GNU General Public License - see the LICENSE.md file for details