Inputs, switches and masks

19 entries

This is a mixed set of specialized inputs. vue-upload-component, the most-starred, handles multi-file and directory uploads with drag and drop. vue-tel-input formats international phone numbers, vue-currency-input formats money amounts as the user types, and numkey adds live thousands grouping. For colors, radial-color-picker and vue-color-input replace the native color input, and vue-toggles is a customizable switch built with accessibility in mind.

Input masks often break caret position, pasting and mobile keyboards, so test those cases. vue-input-facade, a dependency-free masking library, targets Vue 2 and has had no commit since early 2024, and vue-r-mask is also Vue 2 only. Where possible, keep a real input element underneath a custom control so labels, autofill and form submission keep working.

On the bench stars against last commit

19 entries

vue-upload-componentvue-upload-componentFile upload

Vue upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory. Supports Vue >= 2.0

Vue 32.7kupdated 4d ago

vue-tel-inputvue-tel-inputPhone input

International Telephone Input with Vue.

Vue 3911updated today

vue-currency-inputvue-currency-inputMasked input

Easy input of currency formatted numbers for Vue.js.

Vue 2 + 3693updated 5mo ago

vue-diagrams@three-workspace/vue-diagrams

Diagram component for vue.js, inspired by react-diagrams

Vue 3298updated 9mo ago

vue-input-facadevue-input-facadeMasked input

A lightweight and dependency free input masking library created specific for Vue, originally a fork of the famous vue-text-mask but actively maintained and with lots of improvements after there.

Vue 2 only180updated 2y ago

vue-collapsedvue-collapsedSwitch

Vue 3 CSS height transition from any to auto and vice versa. Accordion ready.

Vue 3169updated 4mo ago

vue-pollvue-poll

A Vue.js component for voting

Vue 2 only133updated 2y ago

radial-color-picker@radial-color-picker/vue-color-pickerColor picker

Minimalistic color picker with a focus on size, accessibility and performance.

Vue 3106updated 2y ago

vue-simple-password-metervue-simple-password-meter

Lightweight password strength meter with no dependency

Vue 3102updated 4d ago

vue-togglesvue-togglesSwitch

A highly customizable and accessible toggle component

Vue 354updated 10mo ago

v-use-places-autocompletevue-use-places-autocomplete

Vue composable for Google Maps Places Autocomplete.

Vue 346updated 1y ago

vuetify-inline-fields@wdns/vuetify-inline-fields

Vuetify Inline Fields Component Library offers a comprehensive collection of reusable UI components to create elegant and efficient inline form fields within your applications.

Vue 339updated 1mo ago

vue-color-inputvue-color-inputColor picker

Vue 3 color picker component whose goal is to replace <input type="color">

Vue 330updated 2y ago

vue-r-maskMasked input

Directive with template similar to javascript regular expression.

Vue 2 only22updated 2y ago

vue-integer-plusminusvue-integer-plusminus

Integer input component for vue3 with increment and decrement buttons, fitting as spinbutton, allowing keyboard functionalities

Vue 318updated 1y ago

vue-enhanced-checkvue-enhanced-checkSwitch

Enhanced checkboxes / radio input + toggle, components for vue 3

Vue 315updated 1y ago

vuetify-color-field@wdns/vuetify-color-fieldColor picker

Vuetify Color Field is a Vuetify VTextField Color Picker Component

Vue 36updated 2y ago

kokey@devslab/kokey

Wrong-keyboard-layout input fixer — v-kokey directive and KokeyInput component restore text typed with the wrong layout (Korean Dubeolsik IME built in; Russian, Hebrew, Thai and more as subpath imports), composition-safe with caret preserved. Demo

Vue 31updated 8d ago

numkey@devslab/numkeyMasked input

Numeric input formatting for Vue 3 — live thousands grouping with a stable caret, string-first canonical v-model (money-safe), leading-zero cleanup, opt-in locale separators and Korean amount reading. Demo

Vue 30updated 8d ago
Esc

Type to search every entry. ↑↓ to move, Enter to open.