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

  1. CSS Input Text
  2. JavaScript Input Text
  3. jQuery Input Text
  4. React Input Text

Author

  • Chandra Shekhar

Made with

  • CSS / JS

About a code

Vuejs Show / Hide Password Emoji

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: Vue Input Validator

Author

  • mediv0

About a code

Vue Input Validator

Highly extensible & customizable input validator for Vue 2.

Author

  • James Wylie

About a code

Vue Email Autocomplete

A configurable & lightweight Vue wrapper component that enables out of the box email autocomplete/suggestions on input elements.

Demo image: Smart Tagz

Author

  • Prabhu Murthy

About a code

Smart Tagz

Smart input tags for Vue.

Author

  • weslink

About a code

Vue Pincode

Neumorphism styled pincode input field for Vue.js.

Author

  • Yoga Kurniawan

About a code

Vue Tel Input with Vuetify

Dependencies: vuetify.js

Author

  • Milad Dehghan

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.

Demo image: Vue Input Facade

Author

  • Ronald Jerez

About a code

Vue Input Facade

A lightweight and dependency free input masking library created specific for Vue.

Author

  • weiyang.su

About a code

Vue Verification Code Input

Demo image: VuetiForm

Author

  • Muhammad Muhaddis

About a code

VuetiForm

Interactive vuetify form generator with validation & input styling.

Dependencies: prism-tomorrow.css, vuetify.js, prism.js

Demo image: Maska

Author

  • Alexander Shabunevich

About a code

Maska

Simple zero-dependency input mask for Vue.js and vanilla JS.

Author

  • Maxim Noverin

About a code

Vue Pincode Input

Great pincode input component for Vue.js applications.

Author

  • Mazel

About a code

Vue Phone Number Input

A beautiful text field to format phone numbers made with VueJS.

Demo image: Vue Highlightable Input

Author

  • SyedWasiHaider

About a code

Vue Highlightable Input

Highlight and style specific words as you're typing.

Demo image: The Mask

Author

  • Vue.js Tips

About a code

The Mask

A lightweight (2KB gzipped) and dependency free mask input created specific for Vue.js.

Author

  • niksmr

About a code

Vue Masked Input

Dead simple masked input component for Vue.js 2.x.

Author

  • Sarah Drasner

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

Demo image: Vue Numeric

Author

  • Kevin Ongko

About a code

Vue Numeric

Input field component to display a formatted currency value based on Vue.

Demo image: Vue Input Mask

Author

  • Max Lyashuk

About a code

Vue Input Mask

Tiny input mask library for vue.js based on text-mask-core (~4kb) exposed as directive. No dependencies.

Author

  • EducationLink

About a code

Vue Tel Input

International Telephone Input with Vue.

Demo image: Text Mask

Author

  • Text Mask

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.