---
title: "Custom Form Selector — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Nabeel · Forms. Country, Language, Timezone & Currency"
canonical: "https://framer.elliotli.dev/component/custom-form-selector"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/Custom Form Selector

# Custom Form Selector

Country, Language, Timezone & Currency

[View on Framer](https://framer.com/marketplace/components/custom-form-selector/?via=elliot-li)

![Custom Form Selector preview image 1](https://framer.elliotli.dev/og/component/custom-form-selector/11f6fe867f7b851b/1600x1200.jpg)

## Summary

Country, Language, Timezone & Currency

## Description

## About

This component is a fully styled dropdown selector for your Framer forms that lets users pick a country, language, timezone, or currency from a searchable list. It comes preloaded with data for all four types that you can customize and works natively with Framer's form submission system - meaning selections get captured and sent just like any other form field, including free email notifications and Google Sheets integrations.

This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click [here](https://segmentui.com/uikit) to see the full library

## Instructions

1.  Go to **Insert → Form Builder** in Framer to create a native Framer form on your canvas.
    
2.  Copy the component code from the site and paste it directly into your Framer project file.
    
3.  Place the Custom Selector component **inside the Form Builder frame** — it will not capture form data if placed outside it.
    
4.  In the right panel, set the **Type** (Country, Language, Timezone, or Currency), give it a **Name** (this is the field label that appears in your form submission), and optionally set a **Placeholder** and **Default Value**.
    
5.  Adjust all visual settings — colours, fonts, border, focus style, dropdown appearance, and icon — under **Input Style** and **Dropdown Style** in the right panel.
    
6.  Connect your form's submit button to Framer's native form actions (email or Google Sheets) as usual — the selector's value will be included automatically
    

## How It Works

The component works as a form input, so it must live inside a native Framer form to function correctly. Once placed, you can switch between the four selector types (Country, Language, Timezone, Currency) from the property panel. You can set a placeholder, a default pre-selected value, and toggle whether the flag/icon and dropdown arrow are visible. The Input Style section lets you control the look of the trigger button — background, border, focus state, padding, font, and the arrow icon. The Dropdown Style section controls the list that appears — background, border radius, shadow, option hover/selected colours, and the search box at the top. You can also set the field name (used in form submissions) and mark it as required.

## What You Get

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-jova2j3e-CEIPuzMacLnTyHHixdUqSLwVidPHrW)

When you purchase this component, you'll receive:

-   **The Component Itself** - Full access to the component all future updates
    
-   **Remix File with Component Setup** - A complete Remix file with the component pre-configured and ready to integrate into your project.
    
-   **Setup Instructions** - Clear, step-by-step instructions to help you implement the component quickly and correctly.
    
-   **Dedicated Support** - Direct access to our team for assistance if you encounter any issues during setup or implementation.
    

## Support

For any queries and help setting up the component, contact [hello@segmentui.com](mailto:hello@segmentui.com)

## Refund Policy

If a component does not function as advertised and the issue cannot be resolved, you are eligible for a full refund under our quality guarantee. Refunds will not be provided for any other reasons, including change of mind, accidental purchase, lack of use, or expectations of features not explicitly advertised.

## Rank history [How rankings work →](/terms#rankings)

-   All · #8276

## Details

- **Author**: Nabeel
- **Price**: $9.00
- **Published**: 2026-03-11
- **Updated**: 2026-03-11
- **Added**: 2026-03-05
- **Categories**: Forms

## More across types

-   [Wallble: Guest Book & Wall of Love](/plugin/wallble-guest-book-wall-of-love) — Wallble · Free — Guest book & Wall of Love

## More like this

-   [Stay Booking Pro](/component/stay-booking-pro) — Design Foundry · $10 — Stay Planner with Dynamic Pricing
-   [Postcode Checker](/component/postcode-checker) — Sean Weekes · $15 — Do we cover your area? (UK
-   [Property Calculators](/component/property-calculators) — Sean Weekes · $12 — UK Stamp Duty, mortgage and yield
-   [UTM Lead Capture](/component/utm-lead-capture) — Sean Weekes · $9 — See where every lead came from