Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hatamiarash7/vue-flip-clock
Flip Clock plugin for Vue
https://github.com/hatamiarash7/vue-flip-clock
clock clocks flip-clock vue vue-plugin vuejs vuejs-plugin
Last synced: 3 days ago
JSON representation
Flip Clock plugin for Vue
- Host: GitHub
- URL: https://github.com/hatamiarash7/vue-flip-clock
- Owner: hatamiarash7
- Created: 2022-06-22T03:51:23.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-09-20T08:55:58.000Z (7 days ago)
- Last Synced: 2024-09-21T11:42:24.879Z (6 days ago)
- Topics: clock, clocks, flip-clock, vue, vue-plugin, vuejs, vuejs-plugin
- Language: Vue
- Homepage:
- Size: 1.22 MB
- Stars: 5
- Watchers: 2
- Forks: 1
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue Flip Clock
[![.github/workflows/npm.yml](https://github.com/hatamiarash7/vue-flip-clock/actions/workflows/npm.yml/badge.svg)](https://github.com/hatamiarash7/vue-flip-clock/actions/workflows/npm.yml) ![npm](https://img.shields.io/npm/v/@hatamiarash7/vue-flip-clock)
![screenshot](.github/sc.png)
It's a simple Vue component that displays a flip clock.
## Demo
[![Edit vue-flip-clock](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/vue-flip-clock-f3pr7e?fontsize=14&hidenavigation=1&theme=dark)
## How-to
Install package using `npm`:
```bash
npm i @hatamiarash7/vue-flip-clock --save
```Add package to your Vue project:
```js
import Clock from "@hatamiarash7/vue-flip-clock";
import "@hatamiarash7/vue-flip-clock/dist/vue-flip-clock.css";Vue.component("flip-clock", Clock);
```> You can use `Vue.use()` or `Vue.component()` to add the component to your Vue project.
Use component in your Vue template:
```html
...
...```
---
## Support 💛
[![Donate with Bitcoin](https://en.cryptobadges.io/badge/micro/bc1qmmh6vt366yzjt3grjxjjqynrrxs3frun8gnxrz)](https://en.cryptobadges.io/donate/bc1qmmh6vt366yzjt3grjxjjqynrrxs3frun8gnxrz) [![Donate with Ethereum](https://en.cryptobadges.io/badge/micro/0x0831bD72Ea8904B38Be9D6185Da2f930d6078094)](https://en.cryptobadges.io/donate/0x0831bD72Ea8904B38Be9D6185Da2f930d6078094)
[![ko-fi](https://www.ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/D1D1WGU9)
## Contributing 🤝
Don't be shy and reach out to us if you want to contribute 😉
1. Fork it !
2. Create your feature branch : `git checkout -b my-new-feature`
3. Commit your changes : `git commit -am 'Add some feature'`
4. Push to the branch : `git push origin my-new-feature`
5. Submit a pull request## Issues
Each project may have many problems. Contributing to the better development of this project by reporting them. 👍