Schum123 / Svelte Loading Spinners
Licence: mit
A collection of loading spinner components for SvelteJs
Stars: ✭ 125
Labels
Projects that are alternatives of or similar to Svelte Loading Spinners
Hello Worlds
Hello world apps for angular, react, svelte, and vue
Stars: ✭ 98 (-21.6%)
Mutual labels: svelte
Cypress Svelte Unit Test
Unit testing Svelte components in Cypress E2E test runner
Stars: ✭ 110 (-12%)
Mutual labels: svelte
Vime
Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion...
Stars: ✭ 1,928 (+1442.4%)
Mutual labels: svelte
Svelte Demo
Multi-page demo built Svelte 3.x and Rollup with code-splitting
Stars: ✭ 99 (-20.8%)
Mutual labels: svelte
Svelte Firebase
A template to help you start developing SPAs with Svelte and Firebase.
Stars: ✭ 111 (-11.2%)
Mutual labels: svelte
Svelte Tags Input
Svelte tags input is a component to use with Svelte and easily enter tags and customize some options
Stars: ✭ 123 (-1.6%)
Mutual labels: svelte
Sapper Firebase Typescript Graphql Tailwindcss Actions Template
A template that includes Sapper for Svelte, Firebase functions and hosting, TypeScript and TypeGraphQL, Tailwind CSS, ESLint, and automatic building and deployment with GitHub Actions
Stars: ✭ 111 (-11.2%)
Mutual labels: svelte
Eleventy Starter
ARCHIVED: An Eleventy starting point with Tailwind and Svelte preconfigured.
Stars: ✭ 118 (-5.6%)
Mutual labels: svelte
Svelte Infinite Scroll
Infinite Scroll Component to Svelte
Stars: ✭ 102 (-18.4%)
Mutual labels: svelte
Svelte Starter
🍦 A boilerplate for HTML5, Svelte, Material, Babel, and PostCSS. Webpack | Starter Kit | Svelte 3.0 | Svelte3 | Template | Router
Stars: ✭ 97 (-22.4%)
Mutual labels: svelte
Codesandbox Client
An online IDE for rapid web development
Stars: ✭ 11,122 (+8797.6%)
Mutual labels: svelte
Perf Track
Tracking framework performance and usage at scale
Stars: ✭ 116 (-7.2%)
Mutual labels: svelte
svelte-loading-spinners
collection of loading spinners with Svelte.js
Installation
npm i svelte-loading-spinners
or
yarn add svelte-loading-spinners
Usage
<Jumper size="60" color="#FF3E00" unit="px" duration="1s"></Jumper>
<script>
import { Jumper } from 'svelte-loading-spinners'
</script>
List of avalible spinners
Props: size, color, unit and duration.
The default props; unit is px, color is #FF3E00 and size 60px.
Notes:
Circle2 has colorOuter, colorCenter, colorInner as props aswell.
Circle3 has ballTopLeft, ballTopRight, ballBottomLeft and ballBottomRight as props aswell.
| Loaders |
|---|
| BarLoader |
| Chasing |
| Circle |
| Circle2 |
| Circle3 |
| DoubleBounce |
| Firework |
| Jellyfish |
| Jumper |
| Pulse |
| Rainbow |
| RingLoader |
| ScaleOut |
| Shadow |
| SpinLine |
| Stretch |
| SyncLoader |
| Wave |
| Square |
| Moon |
Demo
List of all spinner: Demo
Development Setup
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].