LucasLeandro1204 / Vue Twitter Counter
Licence: mit
Counter component inspired in Twitter with Vue
Stars: ✭ 29
Projects that are alternatives of or similar to Vue Twitter Counter
Social Links
Simple library to count shares and generate share buttons
Stars: ✭ 91 (+213.79%)
Mutual labels: twitter, counter
Imageviewer.swift
An easy to use Image Viewer that is inspired by Facebook
Stars: ✭ 1,071 (+3593.1%)
Mutual labels: twitter, ux
Social-Media-Monitor
Automatically monitor and log fan counters from social media(Facebook Pages, Twitter, Instagram, YouTube, Google+, OneSignal, Alexa) using APIs to Google Spreadsheet. Very useful for website admins and social media managers.
Stars: ✭ 36 (+24.14%)
Mutual labels: counter, twitter
Social Listener
Python project used to collect tweets and social-network data from Social's API
Stars: ✭ 9 (-68.97%)
Mutual labels: twitter
Vuepress Plugin Social Share
📣 Social sharing plugin for VuePress
Stars: ✭ 27 (-6.9%)
Mutual labels: twitter
React Awesome Button
React button component. Awesome button is a 3D UI, progress, social and share enabled, animated at 60fps, light weight, performant, production ready react UI button component. 🖥️ 📱
Stars: ✭ 943 (+3151.72%)
Mutual labels: progress
D3 Digest
SlackBot that watch channels looking for links and reactions, and generates digests based on those reactions
Stars: ✭ 15 (-48.28%)
Mutual labels: twitter
Reddit Twitter Bot
Subreddit bot to upload newest image posts to a Twitter feed
Stars: ✭ 14 (-51.72%)
Mutual labels: twitter
Share on twitter
Simplest browser extension for Twitter users.
Stars: ✭ 8 (-72.41%)
Mutual labels: twitter
React Rewards
Package containing a few microinteractions you can use to reward your users for little things and make them smile!
Stars: ✭ 841 (+2800%)
Mutual labels: ux
Awloader
AWLoader is a UI Component that allows you to integrate loader that fits your needs within your app.
Stars: ✭ 11 (-62.07%)
Mutual labels: progress
Searchtwitter
Android app, which allows to search tweets as user types and scroll them infinitely
Stars: ✭ 14 (-51.72%)
Mutual labels: twitter
Tweety
.NET Standard Library to help in managing Twitter Webhook APIs.
Stars: ✭ 11 (-62.07%)
Mutual labels: twitter
Chir.py
twitter news bot that builds followers, posts, and bitcoin via ppc links
Stars: ✭ 10 (-65.52%)
Mutual labels: twitter
Vue Twitter Counter
Counter component inspired in Twitter with Vue
You can see examples in here
Getting started
Install
Simple install it via npm (or yarn if you want to)
$ npm install vue-twitter-counter --save
Usage
It's super easy to use it =)
<textarea v-model="message"></textarea>
<vue-twitter-counter :current-length="message.length"></vue-twitter-counter>
It's super easy to use it =)
The only thing you HAVE to do is pass the current-length prop.
Props list
| Prop | Type | Default | Description |
|---|---|---|---|
| warnLength | Number | 20 | The min rest to show the warns |
| dangerAt | Number | 280 | The length to be in danger |
| currentLength | Number | REQUIRED | The current length of whatever you want to |
| underlay | String | #ccd6dd | Underlay counter color |
| safe | String | #1da1f2 | Safe color |
| warn | String | #ffad1f | Warn color |
| danger | String | #e0245e | Danger color |
| round | Boolean | false | Round progress circle edges |
| animate | Boolean | false | Animate the progress circle |
| speed | Number | 150 | The animation speed in ms |
Color props are required to be HEX with hash prefix, they are validate =)
Development
If you want to help this project, first of all clone it
$ git clone [email protected]:LucasLeandro1204/vue-twitter-counter.git
To run for development run
$ npm run dev
This will host the application at localhost:8080
To build for production run
$ npm run build
The above command bundle the app and also features minification to help reduce file size
License
MIT
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].