Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mitchas/Keyframes
A simple CSS toolbox
https://github.com/mitchas/Keyframes
animations css vue
Last synced: about 2 months ago
JSON representation
A simple CSS toolbox
- Host: GitHub
- URL: https://github.com/mitchas/Keyframes
- Owner: mitchas
- License: gpl-3.0
- Created: 2020-02-25T05:27:16.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-04-21T23:54:48.000Z (over 1 year ago)
- Last Synced: 2024-04-21T23:56:42.176Z (5 months ago)
- Topics: animations, css, vue
- Language: Vue
- Homepage: https://keyframes.app
- Size: 3.78 MB
- Stars: 263
- Watchers: 10
- Forks: 17
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-list - Keyframes
README
# 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](https://vuejs.org) - Framework
* [{scss}](https://sass-lang.com/) - Styling
* No frontend/CSS frameworks or plugins
### Third-party packages:
* [DayJS](https://day.js.org/) for Dates
* [Numeral.js](http://numeraljs.com/) for Number stuff
* [Font Awesome](https://fontawesome.com/) icons
# Project Installation & Development
#### You need config values in your .env files.
## Packages
```bash
npm install
```
## NPM Commands
### **Run**
#### Serve on [localhost:8080](https://localhost:8080)
```bash
npm run serve
```
Bundle Analyzer will also be running at :8888
### **Build**
#### Build with test configuration
```bash
npm run build
```
#### Build with live configuration
```bash
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**
```bash
npm run test
```
### **Lints and fixes files**
```bash
npm run lint
```
# Authors
* **Mitch Samuels** - [hotdi.sh](https://hotdi.sh/)
Also view the [contributors](https://github.com/mitchas/keyframes/graphs/contributors) for others who have contributed.
# License
This project is licensed under the GNU General Public License - see the [LICENSE.md](LICENSE.md) file for details