Skip to content

component

Language Toggle - FL

By THE SLIWA

Details

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.

Introduction

Flag Switcher by THE SLIWA

Rank history

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

120014001600166318/148/228/309/79/15
  • All · #3623