MARKETPLACE
PLUGINS
NEBULANG FORMERLY TRANSLATE MY APP
Nebulang formerly Translate My App logo

Nebulang formerly Translate My App

Published April 2025
   β€’    Updated this week

Plugin details

The Nebulang (formerly Translate My App) plugin brings instant, client-side language switching to your Bubble application.


Nebulang


  

 

Description

🌍 Overview
Nebulang (formerly Translate My App) is the ultimate multilingual plugin for Bubble.

It translates your app instantly, directly in the user's browser, without changing the URL or reloading the page.

With support for over 100 languages ​​and native Google Translate integration, it offers a fluid, elegant, and scalable experience β€” perfect for globally minded businesses.

How it Works
  • Inline Translation: Converts all visible text on the page in real time, without redirects.
  • Smart Dropdown: Choose between styles with flags, icons, or text, natively and fully customizable.
  • Automatic Detection: Recognizes the browser language and automatically adjusts the content on the first visit.
  • Language Persistence: Remembers the user's preferred language for future visits (with optional caching).
  • Element Protection: Define IDs that should not be translated β€” ideal for logos, brand names, and sensitive data.
  • Events and Workflows: The plugin emits the event language_changed, allowing dynamic actions such as saving preferences or displaying contextual notifications.

When to Use
  • Apps and marketplaces with an international audience.
  • Landing pages that need to reach multiple countries without extra effort.
  • SaaS with global clients requiring dynamic multilingual support.
  • Enterprise systems or ERPs used by teams from different regions.

✨ Benefits
  • Immediate and reversible translation β€” without reloading the page.
  • Native integration with Bubble, without complex external APIs.
  • Unified and consistent design with the style of app.
  • Easy to implement and maintain β€” no additional code required.
  • 100% compatible with desktop and mobile, with optimized performance.
Key Features
  • 100+ Languages – From English to Japanese, including regional variations (pt-BR, pt-PT, zh-CN, zh-TW, etc.).
  • Automatic Browser Detection – Adapts the language based on location or user preferences.
  • No Redirects – Maintains the original URL and current app state.
  • 5 Display Modes – flag+label, icon+label, flag only, icon only, or text only.
  • Custom Icons – Use Material Icons or Unicode emoji for ultimate flexibility.
  • Search Bar – Optional search functionality to filter languages in dropdown.
  • Full Color Control – Customize dropdown background, font colors, hover states, active option, and arrow.
  • Flexible Arrow Position – Place dropdown arrow on left or right side.
  • Custom Padding – Control top, right, bottom, left padding and icon/label gap independently.
  • Tooltip Support – Add helpful tooltip text when hovering the translation button.
  • Scrollbar Toggle – Show or hide scrollbar in dropdown list.
  • List Animations – Adjustable animation duration for smooth opening/closing.
  • Title Translation Control – Choose whether to translate browser page title.
  • Smart Cache – Remembers the selected language and automatically restores it on future visits.
  • Conditional Translation – Choose specific elements to translate (via ID) or ignore parts of the page.
  • Lightweight and Responsive – Operates entirely on the client-side, ensuring maximum speed.
  • Integrable Events – React to language changes with custom workflows via language_changed event.

$100

One time  β€’  Or  $14/mo

5.0 stars   β€’   8 ratings
46 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Nebula logo
Nebula
Joined 2023   β€’   24 Plugins
View contributor profile

Instructions

πŸ“– Instructions
EN:   1️⃣ Setup   - Add the Nebulang - Translator Widget element to your page.   - The plugin provides a fully customizable language dropdown β€” style it directly in Bubble (background, borders, and shadows are native). 2️⃣ General Settings   - Layout Style: Choose display mode:   β€’ Icon Mode β†’ Flag, Icon or None β€’ Label Mode β†’ Show or Hide - Custom Icon: Use Material Icons (e.g., 'language', 'translate', 'public'), Unicode emoji (🌐, πŸ—£οΈ) or language code (e.g., pt-BR) Default: translate. 3️⃣ Colors   - Dropdown Color: Background color for the dropdown list panel.   - Icon Color: Color for custom icons (Material Icons or emoji).   - Font Color: Custom text color for button and dropdown items.   - Option Hovered Color: Background when hovering over options.   - Font Hovered Color: Text color when hovering over options.   - Active Option Background: Background for currently selected language.   - Dropdown Arrow Color: Color for the dropdown arrow (β–Ό).   - Search Bar Background: Background color for the search input inside the dropdown. If empty, it inherits the dropdown background. 4️⃣ Display Options   - Show Scrollbar: Toggle scrollbar visibility in dropdown (yes/no).   - Show Dropdown Arrow: Display arrow indicator with rotation animation (yes/no).   - Show Search Bar: Enable search functionality to filter languages (yes/no).   - Original Label: Set custom display text for the 'Original' option (e.g., 'Original', 'Untranslated').   - Tooltip: Text shown when hovering over the translation button.   - Arrow Position: Place arrow on left or right side of button. 5️⃣ Padding   - Icon/Flag Gap: Distance in pixels between icon/flag and text label (default: 16).   - Padding Top/Right/Bottom/Left: Individual padding control for button and items (default: 8px each). 6️⃣ List Settings   - List Height: Maximum height of dropdown in pixels (default: 200).   - List Margin: Distance between dropdown and button (default: 8).   - List Animation Duration: Opening/closing animation speed in milliseconds (default: 200). 7️⃣ Translation Options   - Translate Page Title: Whether to translate browser tab title (yes/no).   - Initial Language: Starting language code (e.g., en, pt, es). Use 'auto' for browser detection or 'original' to keep untranslated.   - Language List: Comma-separated ISO 639-1 codes (e.g., pt-BR,en,es,fr,de). Supports regional variants. 8️⃣ States & Events   - selected_language (text): Current language code. Read or set dynamically.   - language_changed (event): Triggered when language changes. Use for workflows like saving preferences. 9️⃣ Element Protection   - Add "no-translate" to the ID Attribute field (gray panel) to prevent translation of specific elements (logos, brand names, etc). Use Cases:   βœ” Real-time language switching with search   βœ” Personalized multilingual apps   βœ” Full design control and responsive layouts   βœ” Enterprise apps with dynamic language preferences  

Types

This plugin can be found under the following types:
Background Services   β€’   Element   β€’   Event

Categories

This plugin can be found under the following categories:
Internationalization   β€’   Location   β€’   AI   β€’   Productivity   β€’   Blog   β€’   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)

Best plugin ever!
January 20th, 2026
Easy to use and super complete plugin, completely customisable. 100% recommended.
This plugin is FANTASTIC
January 15th, 2026
With NO EFFORT you got your page immediately translated!
Good plugin, excellent support team
August 31st, 2025
The plugin is excellent, it supports many languages and works smoothly without requiring much setup. The support team was incredibly quick to respond when I faced an issue: another β€˜localize’ plugin was blocking all translations on my website, so nothing I tried seemed to work. Lucas identified the problem right away and guided me through the solution. Very helpful and professional support β€” I definitely recommend this plugin!
Plugin très fluide, aucune redirection. L'expérience utilisateur est vraiment améliorée pour les visiteurs internationaux.
May 20th, 2025
Una herramienta esencial para cualquier sitio multilingΓΌe. FΓ‘cil de configurar y se ve muy profesional.
May 20th, 2025
Bubble logo
Product
AI
Mobile
Design
Data
Logic
Collaboration
Security
Status
Release notes
Bubble for
Founders
Developers
Agencies
Enterprise
Discover
How Bubble works
Examples
Pricing
Learn
Academy
Technical guides
Blog
How to build
Coaching
Resources
Connect to AI
Marketplace
Templates
Plugins
Experts
Bootcamps
Certification
Partnerships
Affiliates
Figma to Bubble
Community
Bubble community
Forum
Newsletter
Immerse
Early access
Store
Company
About
Careers
Brand guidelines
Support
Contact us
Legal
Terms
Privacy
Β©  2026, Bubble Group, Inc. All rights reserved.
Bubble
Pricing
Enterprise
Contact sales