ispinner

KO | EN

gitlite — search

#python #reactjs #react #javascript #docker #typescript #deep-learning #nextjs #django #ios #graphql #tailwindcss

★ 54 Open GitHub ↗

Pure CSS spinner like iOS UIActivityIndicatorView

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# iSpinner

Pure CSS spinner like iOS UIActivityIndicatorView.

## Preview

http://swordray.github.io/ispinner/

## Installation

* Yarn

```bash
  yarn add ispinner.css
  ```

* NPM

```bash
  npm install -g ispinner.css
  ```

## Usage

1. Include the stylesheet in the document `<head>`.

```html
  <link rel="stylesheet" media="all" href="ispinner.prefixed.css">
  ```

2. Add a ispinner element to the document body.

```html
  
  <div class="ispinner">
    <div class="ispinner-blade"></div>
    <div class="ispinner-blade"></div>
    <div class="ispinner-blade"></div>
    <div class="ispinner-blade"></div>
    <div class="ispinner-blade"></div>
    <div class="ispinner-blade"></div>
    <div class="ispinner-blade"></div>
    <div class="ispinner-blade"></div>
  </div>
  ```

```html
  
  <div class="ispinner ispinner-large">
    <div class="ispinner-blade"></div>
    <div class="ispinner-blade"></div>
    <div class="ispinner-blade"></div>
    <div class="ispinner-blade"></div>
    <div class="ispinner-blade"></div>
    <div class="ispinner-blade"></div>
    <div class="ispinner-blade"></div>
    <div class="ispinner-blade"></div>
  </div>
  ```

## Sponsors

* [BaiLu ShuYuan](https://bailushuyuan.org)

## License

ispinner

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README