International country code selector
Built-in phone validation
Clean, form-ready UI
Fully customizable styles
Native Framer integration
Phone Input is a free Framer component that adds a professional international phone number field to your forms. Instead of using a simple text input, this component includes a country selector with dialing codes and automatic formatting to improve user experience and data accuracy. It’s ideal for SaaS signups, waitlists, onboarding forms, lead capture pages, and contact sections where collecting correct phone numbers matters — all without adding third-party scripts.
Country Code Dropdown: Users can select their country with proper international dialing codes.
Automatic Formatting: Formats numbers while users type for better clarity.
Validation-Ready Structure: Helps reduce incorrect submissions.
Customizable Styling: Adjust typography, spacing, borders, and colors.
Mobile Optimized: Designed for smooth input on mobile devices.
Lightweight Performance: Built to run smoothly inside Framer projects.
The free package typically includes:
Main Phone Input component
Country selector dropdown
Built-in formatting logic
Editable label and placeholder fields
Demo form layout for quick setup
Completely free on the Framer Marketplace
No subscription required
Unlimited usage in personal and commercial projects
Free updates as provided by the creator
Built natively for Framer
Compatible with Framer Forms
Works in SaaS, agency, and marketing templates
Can connect with external form handling systems
Yes. It’s available at no cost on the Framer Marketplace.
Yes. Users can select their country with proper dialing codes.
Is the number formatted automatically?
Add validated phone inputs with country support.
Submit your Framer product to AllFramer, get featured, and drive genuine traffic while showcasing your work to the world. Turn your creativity into revenue and begin selling today! 🚀
Submit Resource