vue-simple-phone

A multilingual, simple, and extendable phone number input component for Vue
6,964 4
Install
npm install vue-simple-phone
Latest Version:1.3.1
Vue:3
License:MIT
Last Updated:Oct 16, 2025
Links: GitHub  ·  npm
Maintainer: bjorntheprogrammer

Vue Simple Phone

A multilingual, simple, and extendable phone number input component for Vue

Vue Simple Phone logo

Installation

  1. Install from npm: npm i vue-simple-phone
  2. Use and import in your code!
<script setup>
import { VueSimplePhone } from 'vue-simple-phone'
import 'vue-simple-phone/themes/light.css' // Include the default theme
</script>

<template>
  <VueSimplePhone />
</template>

Demo and Docs

Extensive documentation and a demo can be found here

Theme Builder

Build out your own theme with our theme builder!

Use different languages

By default Vue Simple Phone supports any language, using Intl, read more about such options here.

Example of the different languages

A quick peek

Example of the different themes available to Vue Simple Phone

Related Packages

vue-intl-tel-input

Vue component for entering and validating international telephone numbers

4,441
v-phone-input

International phone number tools for Vuetify and Vue.

448,549 83
@intl-tel-input/vue

A Vue component for intl-tel-input, for entering, formatting, and validating int...

65,387 8,257
@kingscode/vuetify-phone-input

A Vuetify form control usable for phone numbers. Supports country code, auto for...

11,175

Version History

Version Released Vue License
1.3.1 ^3.5.21 MIT
1.3.0 ^3.5.21 MIT
1.2.3 ^3.5.21 MIT
1.2.2 ^3.5.20 MIT
1.2.1 ^3.5.13 MIT