Collection of free Vue input type text (placeholders, float labels, etc.) code examples from github and other resources. Update of December 2019 collection. 13 new items.
Related Articles
Links
Made with
- CSS / JS
About a code
Vuejs Show / Hide Password Emoji
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -

Links
About a code
Vue Input Validator
Highly extensible & customizable input validator for Vue 2.
Links
About a code
Vue Email Autocomplete
A configurable & lightweight Vue wrapper component that enables out of the box email autocomplete/suggestions on input elements.

Links
About a code
Smart Tagz
Smart input tags for Vue.
Links
About a code
Vue Pincode
Neumorphism styled pincode input field for Vue.js.
Links
About a code
Vue Tel Input with Vuetify
Dependencies: vuetify.js
Links
About a code
Vue Simple Password Meter
Vue simple password meter is a simple password strength meter component written in vanilla JS and extremly lightweight.

Links
About a code
Vue Input Facade
A lightweight and dependency free input masking library created specific for Vue.
Links
About a code
Vue Verification Code Input

Links
About a code
VuetiForm
Interactive vuetify form generator with validation & input styling.
Dependencies: prism-tomorrow.css, vuetify.js, prism.js

Links
About a code
Maska
Simple zero-dependency input mask for Vue.js and vanilla JS.
Links
About a code
Vue Pincode Input
Great pincode input component for Vue.js applications.
Links
About a code
Vue Phone Number Input
A beautiful text field to format phone numbers made with VueJS.

Links
About a code
Vue Highlightable Input
Highlight and style specific words as you're typing.

Links
About a code
The Mask
A lightweight (2KB gzipped) and dependency free mask input created specific for Vue.js.
Links
About a code
Vue Masked Input
Dead simple masked input component for Vue.js 2.x.
Links
Made with
- HTML / CSS (SCSS) / JS (Babel)
About a code
Vue Book Content Typer
Example showing v-model.lazy and transition component in Vue. Animations with GreenSock in the JS hook.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: tweenmax.js, splittext.js

Links
About a code
Vue Numeric
Input field component to display a formatted currency value based on Vue.

Links
About a code
Vue Input Mask
Tiny input mask library for vue.js based on text-mask-core (~4kb) exposed as directive. No dependencies.
Links
About a code
Vue Tel Input
International Telephone Input with Vue.

Links
About a code
Text Mask
Text Mask is an input mask library. It can create input masks for phone, date, currency, zip code, percentage, email, and literally anything.