How to use the Language Dropdown
- The page starts with Languages. Choose the label: the name in the page language, or the native name.
- Pin the languages you support with Show first, for example
en, es, de, fr. - Keep the ISO code as the value — it matches the
langattribute andAccept-Language. - Copy the HTML, React, Vue or JSON.
Native names for language switchers
When users pick the language they want to read, show each language in its own name — a German speaker looks for “Deutsch”, not “German”. Choose the Native name label. The codes are ISO 639-1 two-letter codes (en, de, zh) that you can use directly in <html lang>, URLs and hreflang tags.
Also searched as: language dropdown html, language select list, language selector html, iso 639-1 language list, list of languages dropdown, language picker html.
Tools that pair well with the Language Dropdown
- Select Menu Generator — Stop typing out option lists by hand.
- Country Dropdown HTML — Get a complete, up-to-date country <select> in one click: all 249 ISO 3166 countries and territories, ISO codes as values, optional flag emoji, continent groups and your most common countries pinned at the top — in English or any other language, as HTML, React, Vue or JSON.
- US States Dropdown — A ready-made US state <select>: all 50 states with their two-letter USPS codes as values, optional Washington DC and territories such as Puerto Rico and Guam, labels like “California” or “California (CA)”, as HTML, React, Vue or JSON.
- Time Zone Dropdown — A complete time zone <select> with every IANA time zone (America/New_York, Europe/Berlin), labels showing the current UTC offset and city, optional region groups, sorted by offset or by name.
Frequently asked questions
Should a language switcher show native names?
Yes — people recognize their own language’s name. Choose the Native name label, or “Name (native)” to show both.
Can I get the list in another language?
Yes. Country, language, currency, month and weekday names come from your browser’s built-in translations — pick the label language and the whole list is translated and sorted for it.
Which formats can I export?
An HTML
Can I install Language Dropdown as a web app and use it offline?
Yes. Language Dropdown is an installable web app (PWA) — installed from your browser, not downloaded from an app store. Click Install app at the top of this page in Chrome or Edge (Windows, macOS, Linux, ChromeOS) or on Android, use Share → Add to Home Screen on iPhone and iPad, or File → Add to Dock in Safari 17+ on a Mac. It then opens in its own window with its own icon, and because it runs entirely in your browser it keeps working offline. Firefox on desktop can’t install web apps. How installing works.