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 to see the full library
Go to Insert β Form Builder in Framer to create a native Framer form on your canvas.
Copy the component code from the site and paste it directly into your Framer project file.
Place the Custom Selector component inside the Form Builder frame β it will not capture form data if placed outside it.
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.
Adjust all visual settings β colours, fonts, border, focus style, dropdown appearance, and icon β under Input Style and Dropdown Style in the right panel.
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
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.
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.
For any queries and help setting up the component, contact hello@segmentui.com
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.
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 to see the full library
Go to Insert β Form Builder in Framer to create a native Framer form on your canvas.
Copy the component code from the site and paste it directly into your Framer project file.
Place the Custom Selector component inside the Form Builder frame β it will not capture form data if placed outside it.
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.
Adjust all visual settings β colours, fonts, border, focus style, dropdown appearance, and icon β under Input Style and Dropdown Style in the right panel.
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
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.
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.
For any queries and help setting up the component, contact hello@segmentui.com
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.
