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 months 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 (about 3 years ago)
• Default Branch: master
• Last Pushed: 2024-12-22T08:42:37.000Z (7 months ago)
• Last Synced: 2025-01-03T09:09:31.127Z (6 months ago)
• Topics: clock, clocks, flip-clock, vue, vue-plugin, vuejs, vuejs-plugin
• Language: Vue
• Homepage:
• Size: 800 KB
• 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. 👍