Next
Language
Selector

Unstyled, cookie-based language selector for Next.js. One component, three ways to render it. autoReload is off on this page — watch the cookie in the corner instead.

pnpm add next-language-selector

Buttons

<LanguageSelector
  locales={locales}
  defaultLocale="en"
  itemClassName="pill"
/>

Dropdown

<LanguageSelector isDropdown className="underline" />

Custom

<LanguageSelector
  renderCustom={({ locales, currentLocale, onChange }) => (
    /* your UI */
  )}
/>