MARKETPLACE
PLUGINS
PRETTY PHONE NUMBERS
Pretty phone numbers logo

Pretty phone numbers

Published January 2026
   •    Updated this week

Plugin details

Demo page: https://idowu-plugin-demo.bubbleapps.io/version-test/pretty_phone_numbers
Demo editor: https://bubble.io/page?id=idowu-plugin-demo&test_plugin=1767977611949x106283221647360000_current&tab=Design&name=pretty_phone_numbers&type=page

A robust utility plugin that cleans, formats, and validates phone numbers. It uses a "dual-logic" approach: it provides immediate manual formatting (brackets/hyphens) to ensure a great UI experience even while a user is typing, and then uses the Google libphonenumber library for official validation and international standards.

Description
Managing phone number inputs in Bubble can be messy. This plugin takes a raw phone number and a country dial code, then instantly outputs perfectly formatted strings for local display, international use, and database storage (E.164). It even handles the "null" page load issue by initializing all states with empty strings.

Key Features
Dual-Layer Formatting: Provides immediate "Pretty Format" manually so the UI never lags, then overrides with library-accurate formatting once the number is valid.

E.164 Standard Output: Automatically generates the +1234567890 format required by most SMS and API providers (like Twilio or Stripe).

Real-time Validation: Returns a simple yes/no (boolean) state indicating if the number is legally valid for the provided country code.

Auto-Cleaning: Automatically strips out non-numeric characters from your inputs, so you don't have to worry about users adding extra spaces or symbols.

Zero-UI Footprint: The element is invisible on the page, keeping your design clean.

Free

For everyone

stars   •   0 ratings
5 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Idowu logo
Idowu
Joined 2021   •   3 Plugins
View contributor profile

Instructions

Instructions 1. Setup

Place the Phone Formatter element on your page.

Map the Phone Number field to your Input element's value.

Map the Country Code field to your country dropdown or a static value.

2. Displaying Results

Use a Text element to show PhoneFormatter's formatted_number to give the user real-time feedback as they type.

Use the is_valid state to enable or disable your "Submit" button.

3. Saving Data

When saving to your database, always use the e164_format to ensure your data is clean and ready for any future SMS integrations.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Media   •   Social Network   •   Chat   •   Mobile   •   Productivity   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble