All Projects → swordray → ispinner

swordray / ispinner

Licence: MIT license
Pure CSS spinner like iOS UIActivityIndicatorView

Programming Languages

CSS
56736 projects
Sass
350 projects
HTML
75241 projects
Pug
443 projects

Projects that are alternatives of or similar to ispinner

GooglePage
A better looking <not anymore> google.com | Take a look:
Stars: ✭ 14 (-66.67%)
Mutual labels:  css3
Natours
An awesome tour booking web app written in NodeJS, Express, MongoDB 🗽
Stars: ✭ 94 (+123.81%)
Mutual labels:  css3
EvalAI-ngx
Revamped codebase of EvalAI Frontend
Stars: ✭ 34 (-19.05%)
Mutual labels:  css3
grid-garden
Solutions to CSS Grid Garden
Stars: ✭ 79 (+88.1%)
Mutual labels:  css3
Coding-Foundations-course
No description or website provided.
Stars: ✭ 41 (-2.38%)
Mutual labels:  css3
JS30
This is a JavaScript practice with JavaScript30 by Wes Bos without any frameworks, no compilers, no boilerplate, and no libraries.
Stars: ✭ 57 (+35.71%)
Mutual labels:  css3
solveme
SolveMe - Jeopardy CTF Platform
Stars: ✭ 51 (+21.43%)
Mutual labels:  css3
epyk-ui
No description or website provided.
Stars: ✭ 63 (+50%)
Mutual labels:  css3
php-wol
PHP WakeOnLan Interface
Stars: ✭ 30 (-28.57%)
Mutual labels:  css3
vanilla-js
Projects using pure JavaScript without any external libraries or frameworks
Stars: ✭ 129 (+207.14%)
Mutual labels:  css3
css-art-gallery
A collection of CSS Arts.
Stars: ✭ 127 (+202.38%)
Mutual labels:  css3
weekly-tracker
⛱ 周刊共读计划,目前涉及 Frontend Focus、JavaScript Weekly、React Status、Node Weekly 和 CSS Weekly 期刊,希望读者可以有所收获!🥳
Stars: ✭ 124 (+195.24%)
Mutual labels:  css3
sortboard
A small ES6 library for easy sorting and filtering of elements.
Stars: ✭ 29 (-30.95%)
Mutual labels:  css3
Python
covers python basic to advance topics, practice questions, logical problems in python, web development using html, css, bootstrap, jquery, DOM, Django 🚀🚀. 💥 🌈
Stars: ✭ 29 (-30.95%)
Mutual labels:  css3
SmallAPP
WeChat applet demo
Stars: ✭ 17 (-59.52%)
Mutual labels:  css3
elem
vue2.0 适合新手的外卖小项目,不断更新中。。。
Stars: ✭ 14 (-66.67%)
Mutual labels:  css3
Fundamentals-of-Web-Development-Solutions
Fundamentals of Web Development solutions (HTML, CSS, PHP, JAVASCRIPT, JQUERY)
Stars: ✭ 33 (-21.43%)
Mutual labels:  css3
sass-structure
Sass folder structure => organizing project files.
Stars: ✭ 32 (-23.81%)
Mutual labels:  css3
aprendendo-css
Vários desenhos feitos com CSS e SCSS (e as vezes um pouco de JavaScript)
Stars: ✭ 56 (+33.33%)
Mutual labels:  css3
angular-youtube-player
Simple youtube player created with angular and typescript. See demo.
Stars: ✭ 35 (-16.67%)
Mutual labels:  css3

iSpinner

Pure CSS spinner like iOS UIActivityIndicatorView.

Preview

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

Installation

  • Yarn

    yarn add ispinner.css
  • NPM

    npm install -g ispinner.css

Usage

  1. Include the stylesheet in the document <head>.
<link rel="stylesheet" media="all" href="ispinner.prefixed.css">
  1. Add a ispinner element to the document body.
<!-- style: medium -->
<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>
<!-- style: large -->
<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

License

Copyright © 2021 Jianqiu Xiao [email protected] under The MIT License.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].