https://github.com/maxbeier/text-spinners

Pure text, CSS only, font independent, inline loading indicators
https://github.com/maxbeier/text-spinners

css loader loaders loading-animations spinner

Last synced: 3 months ago
JSON representation

Pure text, CSS only, font independent, inline loading indicators

• Host: GitHub
• URL: https://github.com/maxbeier/text-spinners
• Owner: maxbeier
• License: mit
• Created: 2016-09-27T15:28:47.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-01-24T14:18:42.000Z (almost 7 years ago)
• Last Synced: 2024-10-06T09:18:15.399Z (3 months ago)
• Topics: css, loader, loaders, loading-animations, spinner
• Language: HTML
• Homepage: https://maxbeier.github.io/text-spinners
• Size: 229 KB
• Stars: 2,718
• Watchers: 42
• Forks: 105
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-loading-indicators - text-spinners - Pure text, CSS only, font independent, inline loading indicators. (CSS)
• awesome-css-only - Text-spinners - Pure text, CSS only, font independent, inline loading indicators. (Uncategorized / Uncategorized)
• awesome-discoveries - text-spinners - pure text, CSS only, font independent, inline loading indicators _(`CSS`)_ (Graphics)

README

        
# [text-spinners](https://maxbeier.github.io/text-spinners/) [![npm package][npm-badge]][npm]

Pure text, CSS only, font independent, inline loading indicators. Part of [tawian-frontend](https://github.com/maxbeier/tawian-frontend). Thanks to [cli-spinners](https://github.com/sindresorhus/cli-spinners) and [hack](https://github.com/egoist/hack)!

## Usage

```html

Loading 

```

or

```sh

npm install --save text-spinners

```

## Preview

[![Preview](https://maxbeier.github.io/text-spinners/spinners.gif)](https://maxbeier.github.io/text-spinners/)

## Tested on

* Chrome 53

* Firefox 49

* Internet Explorer 11

* Edge 25

* Safari 10

* iOS 9 Safari

* Android Chrome 53

If you have access to other browsers or earlier versions, please open an issue.

[npm-badge]: https://img.shields.io/npm/v/text-spinners.svg?style=flat-square

[npm]: https://www.npmjs.org/package/text-spinners