Skip to content
Add SpinKit spinners to your ember-cli project
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
addon
app
blueprints
config
dev
tests
vendor/ember-cli-spinkit
.bowerrc
.editorconfig
.ember-cli
.gitignore
.gitmodules
.jshintrc
.npmignore
.travis.yml
.watchmanconfig
LICENSE.md
README.md
bower.json
ember-cli-build.js
index.js
package.json
testem.js

README.md

ember-cli-spinkit

Add SpinKit loading spinners to your ember-cli project

Install

ember install ember-cli-spinkit

Usage

ember generate spinkit-<name of spinner>

For example:

ember generate spinkit-double-bounce

Available Spinners (Demo)

  • rotating-plane
  • fading-circle
  • folding-cube
  • double-bounce
  • wave
  • wandering-cubes
  • pulse
  • chasing-dots
  • three-bounce
  • circle
  • cube-grid

In your template, presumably your loading.hbs, include the spinner by adding

{{spinkit-double-bounce}}

Note: You can have multiple spinners in your project! You are not limited to one spinner. Simply call ember generate spinkit-<name of spinner> multiple times.

Color

By default the spinner color is #333.

Check the SpinKit project or use your browser's inspector to see which CSS classes you should overwrite.

Alternatively, change the color directly in the generated file vendor/ember-cli-spinkit/styles/spinkit-<name of spinner>.css.

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.