Skip to content

component

CountrySearch

By Edson Tavares

Details

Summary

Searchable country input with autocomple

Description

Country Search is a fully customizable Framer code component that replaces the standard country selector with a smooth, real-time search experience. As the user types, matching countries are instantly filtered and displayed in a dropdown, with the typed characters highlighted in your chosen accent color. A hidden input field ensures the selected value is properly submitted with any Framer form. What's included: — 195+ countries — Real-time autocomplete with highlight — Hidden input for form submission — Validation hint if no country is selected — Property Controls: background, border color, border size, radius, highlight color, text color, dropdown background, font size, padding — No scrollbar on Chrome, Safari, Firefox and Edge — Closes on outside click — Dark mode ready

Introduction

Searchable country input with autocomple

Rank history

Daily rank per list, from the first snapshot — lower is better.

125015001750189298/148/228/309/79/15
  • All · #8907