Skip to content

Axorax/css-spinners

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CSS Spinners

Dazzling spinners for the web



🌐 Website

https://axorax.github.io/css-spinners/

🤝 Contributing

To contribute, fork the repository, make the improvements and open a pull request. Pull requests won't be accepted if its only a:

  • Code refactor
  • Variable, class, id, etc. name change
  • Decreases site accessibility
  • Code that doesn't change anything

All spinners are in the data folder in the root directory.

If you are adding a new spinner, go to the last file in data or the file that has the largest number after spinners-. A file can have 40 spinners at max.

If the file already has 40 spinners then create a new file with the name spinners-<number>.json. <number> should be the next number after the largest number in the spinners file names.

If the file has less than 40 spinners, then add your spinner at the bottom.

The spinners should be added with this code:

  "<number>": {
    "h": "YOUR_HTML_CODE",
    "c": "YOUR_CSS_CODE"
  }

Before, "<number>": { in the above line, make sure there is a comma at the end after the curly brace like this },.

After that, you need to go into the info.js file in the data folder and increase totalSpinners by one. For example, if totalSpinners is 357, you should set it to 358.

👍 Credits


Support me on Patreon - Check out my socials