JarCasting
JarCasting JarCasting

whirl

WebJar for whirl

License

License

MIT
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

whirl
Last Version

Last Version

1.0.0
Release Date

Release Date
Type

Type

jar
Description

Description

whirl
WebJar for whirl
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/jh3y/whirl

Download whirl

Filename Size
whirl-1.0.0.pom
whirl-1.0.0.jar 36 KB
whirl-1.0.0-sources.jar 22 bytes
whirl-1.0.0-javadoc.jar 22 bytes
Browse

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/whirl/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>whirl</artifactId>
    <version>1.0.0</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/whirl/
implementation 'org.webjars.bower:whirl:1.0.0'
// https://jarcasting.com/artifacts/org.webjars.bower/whirl/
implementation ("org.webjars.bower:whirl:1.0.0")
'org.webjars.bower:whirl:jar:1.0.0'
<dependency org="org.webjars.bower" name="whirl" rev="1.0.0">
  <artifact name="whirl" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='whirl', version='1.0.0')
)
libraryDependencies += "org.webjars.bower" % "whirl" % "1.0.0"
[org.webjars.bower/whirl "1.0.0"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

Build Status Netlify Status

Whirl

CSS loading animations with minimal effort!

Whirl

whirl is a curation of CSS loading animations(whirls! 😅 ). It started as a drop in 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 👍

⚠️ Be aware that if you're bundling, you'll likely have to override some styles. Be careful with conflicting classnames or animation names.

Contributing

See CONTRIBUTING.

@jh3y 🐻 2019

Versions

Version
1.0.0