Vue Swirl (loading component)
Easy to use loading animation package in vuejs.
• Contact
[](https://www.npmjs.com/package/vue-swirl) [](https://packagephobia.now.sh/result?p=vue-swirl) [](https://npm-stat.com/charts.html?package=vue-swirl) [](https://coveralls.io/r/mzabriskie/vue-swirl) [](https://bundlephobia.com/package/vue-swirl@latest) [](https://snyk.io/test/npm/vue-swirl)
## Browser Support
 |  |  |  |  |  |
--- | --- | --- | --- | --- | --- |
Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | 11 ✔ |
## Installing
### Package manager
Using npm:
```bash
$ npm install vue-swirl
```
Using yarn:
```bash
$ yarn add vue-swirl
```
After the package is installed, include it in your project using `import` or `require` in the main.js folder in the main directory:
```js
import VueSwirl from 'vue-swirl';
```
then use the folder you imported into the same folder `(main.js)`:
```js
app.use(VueSwirl);
// Or
appInstance.use(VueSwirl);
```
### Usage
To use this package, after completing the import, enter any component and add `` to the beginning of any element.
```html
Vue Swirl!
A best loading package.
/////
```
## Resources
* [Website](https://emresolmaz.com.tr)
* [VueJs](https://vuejs.org)
* [Vite](https://vitejs.dev)
* [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
## Credits
vue-swirl is heavily influenced by loading `gifs` and `.svg` animations
## License
[emresolmaz.com.tr](https://emresolmaz.com.tr)