Whirl
CSS loading animations with minimal effort!
whirl
is a curation of CSS loading animations(whirls! CSS
file to get easy animations using :pseudo
elements. It’s now a collection of loading animations to use, take inspiration from, change and do what you want with
No CSS distro?
It’s inefficient. It’s likely an app will only use one or two loaders. Pulling them all into an app would be overkill. Most projects use some form of bundling making it possible to import a single loader’s styles.
Usage
You’ve got different options here.
You can install whirl
and import the styles you want. You get both CSS and SASS files
npm i @jh3y/whirl
yarn add @jh3y/whirl
Alternatively, you can grab the CSS or SASS and change to your needs. There’s a dynamic link in the demo. Or visit the latest versions tag branch
Contributing
See CONTRIBUTING
.
@jh3y