Skip to content

AndyLeAI/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

About

Dazzling spinners for the web

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 48.4%
  • CSS 34.3%
  • HTML 17.3%