This component is a no-code language toggle button that can be easily added to websites built with Framer.The default setup supports English ⇄ Japanese, with a smooth, responsive toggle animation.
By placing the toggle on your page and assigning each option to a different language page, users can switch between languages with a single click.No scripts or code are required — simply set page links for each language.
This component does not dynamically switch text within a single page.
Instead, each language is managed as a separate page, which makes it well-suited for:
Country- and language-specific SEO
Proper search engine indexing
Clear and scalable multilingual site structures
This approach is especially effective for SEO-conscious multilingual websites.
This component can be used in a variety of real-world scenarios, such as:
Permanent language switching in headers or navigation bars
Simple page switching on landing pages (LPs)
Global SaaS websites
Service and product introduction pages targeting international users
Two-language sites (e.g. English / Japanese)
This structure is particularly practical for production-ready projects.
The default language setup is English ⇄ Japanese, but you can easily customize the labels and links to support any two languages, such as:
EN ⇄ FR
EN ⇄ DE
JP ⇄ CN
or any other two-language combination
This component does not include any translation functionality.
It is designed purely as a toggle UI for switching between language-specific pages, not for translating content automatically.
This component is a no-code language toggle button that can be easily added to websites built with Framer.The default setup supports English ⇄ Japanese, with a smooth, responsive toggle animation.
By placing the toggle on your page and assigning each option to a different language page, users can switch between languages with a single click.No scripts or code are required — simply set page links for each language.
This component does not dynamically switch text within a single page.
Instead, each language is managed as a separate page, which makes it well-suited for:
Country- and language-specific SEO
Proper search engine indexing
Clear and scalable multilingual site structures
This approach is especially effective for SEO-conscious multilingual websites.
This component can be used in a variety of real-world scenarios, such as:
Permanent language switching in headers or navigation bars
Simple page switching on landing pages (LPs)
Global SaaS websites
Service and product introduction pages targeting international users
Two-language sites (e.g. English / Japanese)
This structure is particularly practical for production-ready projects.
The default language setup is English ⇄ Japanese, but you can easily customize the labels and links to support any two languages, such as:
EN ⇄ FR
EN ⇄ DE
JP ⇄ CN
or any other two-language combination
This component does not include any translation functionality.
It is designed purely as a toggle UI for switching between language-specific pages, not for translating content automatically.
Mikiko Niwa
