webkul / Csspin
Licence: mit
CSS Spinners and Loaders - Modular, Customizable and Single HTML Element Code for Pure CSS Loader and Spinner
Stars: ✭ 1,019
Projects that are alternatives of or similar to Csspin
Css Spinner
small, elegant pure css spinner for ajax or loading animation
Stars: ✭ 1,013 (-0.59%)
Mutual labels: loader, spinner
React Loader Spinner
Collection set of react-spinner for async operation
Stars: ✭ 378 (-62.9%)
Mutual labels: loader, spinner
assetter
Assets manager for PHP. Allow manage CSS and JS files in website and its dependencies. Also allows refresh cache in browsers by adding revisions of loaded files. Builtin plugins to compile SASS and/or LESS styles to CSS just-in-time.
Stars: ✭ 14 (-98.63%)
Mutual labels: less, loader
Whirl
CSS loading animations with minimal effort!
Stars: ✭ 774 (-24.04%)
Mutual labels: loader, spinner
material-circular-loader
Material Circular Loader in SCSS like a boss. Demo: http://codepen.io/YuRen/details/KdKKax
Stars: ✭ 13 (-98.72%)
Mutual labels: loader, spinner
Ngx Ui Loader
Multiple Loaders / spinners and Progress bar for Angular 5, 6, 7 and 8+
Stars: ✭ 368 (-63.89%)
Mutual labels: loader, spinner
InstagramActivityIndicator
Activity Indicator similar to Instagram's
Stars: ✭ 49 (-95.19%)
Mutual labels: loader, spinner
Casadi
CasADi is a symbolic framework for numeric optimization implementing automatic differentiation in forward and reverse modes on sparse matrix-valued computational graphs. It supports self-contained C-code generation and interfaces state-of-the-art codes such as SUNDIALS, IPOPT etc. It can be used from C++, Python or Matlab/Octave.
Stars: ✭ 714 (-29.93%)
Mutual labels: library, modular
react-bootstrap-button-loader
React ButtonLoader with Bootstrap flavor
Stars: ✭ 25 (-97.55%)
Mutual labels: loader, spinner
Aframe Preloader Component
A preloading bar that automatically displays while scene assets load.
Stars: ✭ 27 (-97.35%)
Mutual labels: loader, spinner
KVSpinnerView
KVSpinnerView is highly customizable progress HUD
Stars: ✭ 37 (-96.37%)
Mutual labels: loader, spinner
react-awesome-loaders
🚀 High quality, super responsive and completely customisable Loading Animations to insert into your website with single line of code.
Stars: ✭ 146 (-85.67%)
Mutual labels: loader, spinner
react-native-less-transformer
Use Less to style your React Native apps.
Stars: ✭ 26 (-97.45%)
Mutual labels: less, loader
Ng Http Loader
🍡 Smart angular HTTP interceptor - Intercepts automagically HTTP requests and shows a spinkit spinner / loader / progress bar
Stars: ✭ 327 (-67.91%)
Mutual labels: loader, spinner
loading
Laravel package to add loading indicator to pages while page is loading.
Stars: ✭ 38 (-96.27%)
Mutual labels: loader, spinner
spinners-angular
Lightweight SVG/CSS spinners for Angular
Stars: ✭ 21 (-97.94%)
Mutual labels: loader, spinner
Yaspin
A lightweight terminal spinner for Python with safe pipes and redirects 🎁
Stars: ✭ 413 (-59.47%)
Mutual labels: loader, spinner
Vue Loading Overlay
Vue.js component for full screen loading indicator 🌀
Stars: ✭ 784 (-23.06%)
Mutual labels: loader, spinner
CSSPIN
CSS Spinners and Loaders - Modular, Customizable and Single HTML Element Code.
CSSPIN Library has a different set of interactive Pure CSS Loaders and Spinners which are built on the top of LESS Preprocessor. Individual Pure CSS Loader or Spinner can be easily customized and can be embedded with Single HTML Element in your next Dev Project.
Demo
Check out Spinners in Motion
Project Using CSSPIN
Installation
Install CSSPIN with npm or Bower Package Manager
npm install csspin
bower install csspin
Less File Structure
./less/
... _globals.less
... _round.less
... csspin-xxxx.less
... csspin.less
How Less Stucture Works?
- Less files
with _
are partials and have actual magic - Less files
without _
only imports partials - Less files named
csspin-xxxx.less
imports_globals.less
and respective_partial.less
- Less files named
csspin-xxxx.less
acts as an individual module and can be compiled tocss/csspin-xxxx.css
for individual use - Less file named
csspin.less
imports all the partials and is compiled tocsspin.css
CSS File Structure
./css/
... csspin-xxxx.css
./csspin.css
How CSS Structure Works?
- CSS File named
csspin.css
consists CSS of all the spinners - CSS File named
csspin-xxxx.css
consists CSS of respective spinners
Credits
Crafted with ❤️ at Webkul UXlab
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].