GT Language Switcher

GT Language Switcher

About GT Language Switcher

Do you need a multilingual component on your site but keep hitting Framer’s language limits?

Framer’s built-in localization allows:

  • 2 languages on Basic plan

  • 10 on Pro plan

  • 20 on Scale plan

  • or additional with extra cost

But what if your project needs more?

GT Language Switcher solves this.

It’s a translation component powered by Google Translate that lets you add 100+ languages instantly without upgrading your Framer plan.

Why this exists

This component is built for:

  • Budget-conscious projects

  • Fast multilingual setups

  • Sites that don’t require manual translation control

Instead of managing translations manually, it uses Google’s auto-translate engine to create a seamless language dropdown / locale selector experience.

⚠️ Important Note

GT Language Switcher supports 100+ languages via Google Translate.

This makes it perfect for quick and scalable multilingual support but it does not provide:

  • Manual translation editing

  • SEO-based language routing (separate URLs)

Which one should you choose?

  • Need unlimited languages quickly?Use this

  • Need SEO + manual translation? → Use Language Switcher Pro

Instructions

  • Copy and paste the component into your Framer project.

  • Add your preferred languages and style everything from the right-hand panel

  • Choose between click or hover interaction

  • That's it

Property Controls

Google Translation Language Switcher Framer Component
Google Translation Language Switcher Framer Component

How It Works

The component is organized into structured control groups:

  • Icon Type: Choose flag emojis, globe icon, or no icon. Also supports custom flag uploads.

  • Typography: Full font control for selector and dropdown.

  • Caret Style: Customize dropdown arrow behavior and rotation.

  • Selector Style: Control button appearance, spacing, borders, blur, and focus states.

  • Dropdown Container: Style background, blur, shadow, width, alignment, and position.

  • Dropdown Items: Control item colors, hover states, spacing, borders, and active indicators.

  • Animation: Smooth dropdown and caret animations using spring transitions.

Key Features

  • Unlimited languages: No Framer plan restrictions, supports 100+ language codes.

  • Google Translate powered: Instant translation without manual setup.

  • Customizable UI: Full control over dropdown, button, and items.

  • Flexible icon system: Flag emojis, custom images, or globe icon.

  • Click & hover modes: Choose interaction behavior.

  • Fully accessible: ARIA roles, keyboard navigation, and focus management.

  • Responsive design: Works across all layouts and devices.

  • Canvas preview mode: Style dropdown directly inside Framer.

  • Modern dropdown UI: Smooth animations and glassmorphism support.

Use Cases

  • Marketing websites: Add multilingual support without upgrading plans.

  • Client projects: Deliver a polished locale selector quickly.

  • Startups & MVPs: Launch fast with global accessibility.

  • Global audiences: Support many languages with minimal effort.

Result

You get a flexible language selector dropdown that:

  • Supports unlimited languages

  • Requires zero manual translation

  • Works instantly with Google Translate

  • Fully matches your design system

Made with ❤️ by Soyeb

Refund Policy: Due to the digital nature of these components, all sales are final, and once delivered they cannot be returned or refunded. Please review product details and demos before purchasing, and feel free to reach out if anything is unclear.

Have questions or need a custom Framer component? Reach out at heysoyebali@gmail.com