jovey-zheng / Loader
Licence: mit
Pure css loading animations. As long as only one element!
Stars: ✭ 174
Projects that are alternatives of or similar to Loader
Include.js
A tiny but heavy on-demand async javascript/css loader
Stars: ✭ 146 (-16.09%)
Mutual labels: loader
Httpimport
Module for remote in-memory Python package/module loading through HTTP/S
Stars: ✭ 153 (-12.07%)
Mutual labels: loader
Webpack Config Handbook
Minimum Webpack config handbook & examples
Stars: ✭ 165 (-5.17%)
Mutual labels: loader
Minimal Gltf Loader
A minimal, engine-agnostic JavaScript glTF Loader.
Stars: ✭ 148 (-14.94%)
Mutual labels: loader
Asimpl
Asynchronous Importer and run-time Loader for Unity
Stars: ✭ 142 (-18.39%)
Mutual labels: loader
React Native Sass Transformer
Use Sass to style your React Native apps.
Stars: ✭ 151 (-13.22%)
Mutual labels: loader
Mgs Machinery
Unity plugin for binding machinery joint in scene.
Stars: ✭ 164 (-5.75%)
Mutual labels: loader
Vue Wait
Complex Loader and Progress Management for Vue/Vuex and Nuxt Applications
Stars: ✭ 1,869 (+974.14%)
Mutual labels: loader
Vue Pretty Logger
The console is more cool to use, easier to debug, and more fun log output. Enjoy the vue-pretty-logger in the vue project.
Stars: ✭ 150 (-13.79%)
Mutual labels: loader
Slidingsquareloaderview
Marvelous sliding square loader view
Stars: ✭ 166 (-4.6%)
Mutual labels: loader
React Spinners
A collection of loading spinner components for react
Stars: ✭ 2,054 (+1080.46%)
Mutual labels: loader
Webpack Fast Refresh
React Fast Refresh plugin and loader for webpack
Stars: ✭ 155 (-10.92%)
Mutual labels: loader
Http Loader
A loader for ngx-translate that loads translations with http calls
Stars: ✭ 170 (-2.3%)
Mutual labels: loader
Pure css loading animations. As long as only one element! Live Demos.
Inspiration from loaders.css and css-loaders.
Install
Install with npm:
$ npm install --save css-loading
install with bower:
$ bower install --save css-loading
or download the Latest releases version(ZIP).
Basic Usage
- Import:
<link rel="stylesheet" href="loaders.css"> or
<link rel="stylesheet" href="loaders.min.css">
or require from node_modules
:
import 'css-loading'
- Create an element and add the attribute
data-loader
:
<div data-loader="circle"></div>
Contributing
Pull requests are welcome!
Create another animation file in src/
and test it in example/example.html
, then open it in a browser to see your animation running.
License
License under MIT.
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].