Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/epicmaxco/epic-spinners
Easy to use css spinners collection with Vue.js integration
https://github.com/epicmaxco/epic-spinners
animations css css-animations css-loaders css-spinners-collection gallery html javascript loading-animations loading-screen loading-spinner spinner vue vue-components vue-spinner-component
Last synced: 3 days ago
JSON representation
Easy to use css spinners collection with Vue.js integration
- Host: GitHub
- URL: https://github.com/epicmaxco/epic-spinners
- Owner: epicmaxco
- Created: 2017-12-05T09:05:15.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2024-09-05T12:22:24.000Z (3 months ago)
- Last Synced: 2024-12-09T08:14:02.679Z (3 days ago)
- Topics: animations, css, css-animations, css-loaders, css-spinners-collection, gallery, html, javascript, loading-animations, loading-screen, loading-spinner, spinner, vue, vue-components, vue-spinner-component
- Language: Vue
- Homepage: https://epic-spinners.epicmax.co
- Size: 1.4 MB
- Stars: 3,866
- Watchers: 56
- Forks: 361
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-vue - epic-spinners - Easy to use css spinners collection with vue.js integration. (Components & Libraries / UI Components)
- awesome - epicmaxco/epic-spinners - Easy to use css spinners collection with Vue.js integration (Vue)
- awesome-github-repos - epicmaxco/epic-spinners - Easy to use css spinners collection with Vue.js integration (Vue)
- awesome-vue - epic-spinners - Easy to use css spinners collection with Vue.js integration ` 📝 a year ago` (UI Components [🔝](#readme))
- awesome-vue - epic-spinners - Easy to use css spinners collection with vue.js integration. (UI Components / Loader)
- awesome-vue - epic-spinners ★2707 - Easy to use css spinners collection with vue.js integration. (UI Components / Loader)
- awesome-vue-zh - 史诗的宝库 - 易于使用的css spinners集合与vue.js集成. (UI组件 / 装载机)
README
# epic-spinners
Easy to use css spinners collection with Vue3.js integration. Developed by [Epicmax](https://epicmax.co/).
## What's it all about?
We've collected and crafted a rich collection of spinners animated with css which are available both as html/css code snippets and easily customizable vue.js components.
Special thanks to [@martinvd](https://github.com/martinvd) for his outstanding codepens :)
## Demo & Documentation
[View demo](http://epic-spinners.epicmax.co) to see vue.js components usage examples and html/css source code
## Installation
```
npm install --save epic-spinners
```
## Usage
Vue.js usage example
```ts
import { AtomSpinner } from 'epic-spinners'
export default {
components: {
AtomSpinner,
},
}
```
To use pure html/css version, visit our [gallery](http://epic-spinners.epicmax.co) and click any spinner to see its html/css source code
## Vue.js components list
You can easily configure spinners size, color and animation speed
```html
```
## Epic spinners for other frameworks
- [angular-epic-spinners](https://github.com/hackafro/angular-epic-spinners) by @HackAfro
- [react-epic-spinners](https://github.com/bondz/react-epic-spinners) by @bondz
- [react-native-epic-spinners](https://github.com/MuhmdRaouf/react-native-epic-spinners) by @MuhmdRaouf
- [wc-epic-spinners](https://github.com/craigjennings11/wc-epic-spinners) by @craigjennings11
## Contributing
Thanks for all your wonderful PRs, issues and ideas!
[](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/links/0)[](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/links/1)[](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/links/2)[](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/links/3)[](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/links/4)[](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/links/5)[](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/links/6)[](https://sourcerer.io/fame/smartapant/epicmaxco/epic-spinners/links/7)
## Partners & Sponsors ❤️
Become a partner: [[email protected]](mailto:[email protected])
## How can I support developers?
- Star our GitHub repo :star:
- Create pull requests, submit bugs, suggest new features or documentation updates :wrench:
- Follow us on [Twitter](https://twitter.com/vuestic_ui) :feet:
- Like our page on [Linkedin](https://www.linkedin.com/company/18509340) :thumbsup:
- Have collaboration ideas? Say hi: [email protected] :postbox:
## Can I hire you guys?
[Epicmax](https://epicmax.co) is committed to Open Source from its beginning.
[Epic Spinners](https://epic-spinners.epicmax.co/) was created and backed by Epicmax, and is supported through all the years.
You can request a consultation or order web development services by Epicmax via this [form](https://epicmax.co/contacts) :sunglasses:
Say hi: [email protected]. We will be happy to work with you!
[Other work](https://epicmax.co) we’ve done 🤘
[Meet the Team](https://vuestic.dev/team)
## License
[MIT](https://github.com/epicmaxco/vuestic-admin/blob/master/LICENSE) license.