---
title: "Language Toggle - FL — Framer component · Best of Framer"
description: "$5.00 · Framer component · by THE SLIWA · Buttons. Flag Switcher by THE SLIWA"
canonical: "https://framer.elliotli.dev/component/language-toggle-fl"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Language Toggle - FL

# Language Toggle - FL

Flag Switcher by THE SLIWA

[View on Framer](https://framer.com/marketplace/components/language-toggle-fl/?via=elliot-li)

![Language Toggle - FL preview image 1](https://framer.elliotli.dev/og/component/language-toggle-fl/396594d49a0edca4/1600x800.jpg)

## Summary

Flag Switcher by THE SLIWA

## Description

## Language Toggle — Flag Switcher

A clean, animated language toggle that lets visitors switch between two languages with a single click. Perfect for bilingual websites, landing pages, and portfolios targeting international audiences.

### Overview

Language Toggle displays two circular flag icons inside a smooth pill-shaped switch. The active language is highlighted with a subtle ring indicator, while the inactive one sits dimmed until selected. Drop it into your navbar, hero, or footer — it works anywhere.

### Features

**18 Built-in Languages** — Choose each side of the toggle from a curated list of language variants, each with its matching flag: English (US), English (UK), Spanish (ES), Spanish (MX), Chinese Simplified (ZH), Hindi (HI), Arabic (AR), Portuguese (PT), French (FR), Russian (RU), German (DE), Japanese (JA), Korean (KO), Italian (IT), Polish (PL), Dutch (NL)

**Fully Customizable Colors** — Set the background color of the pill and the color of the toggle ring/indicator directly from the properties panel to match your brand or theme (light and dark modes both look great).

**Smooth Interaction** — Fluid toggle animation with a satisfying press feel. The active state transition is spring-animated for a native, polished touch.

**Flexible Sizing** — Scales responsively to fit navbars, mobile menus, or standalone placements without losing crispness.

### Property Controls

-   Language A — dropdown (18 options)
    
-   Language B — dropdown (18 options)
    
-   Background Color — color picker
    
-   Toggle / Ring Color — color picker
    

### Use Cases

Bilingual business sites, multilingual portfolios, international e-commerce, documentation sites, event pages — anywhere your audience speaks more than one language.

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

-   All · #7443

## Details

- **Author**: THE SLIWA
- **Price**: $5.00
- **Published**: 2026-07-02
- **Updated**: 2026-07-02
- **Added**: 2026-07-02
- **Categories**: Buttons

## More like this

-   [Liquid Blob Button](/component/liquid-blob-button) — Oddframe · Free — Interactive Liquid Blob CTA Button
-   [Pixel Face Toggle](/component/pixel-face-toggle) — Zac Nielson · $9 — Dark mode switch with a pixel face
-   [Liquid Hover Media](/component/liquid-hover-media) — Bardia Madani · $5 — Fluid media distortion on hover
-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow