MARKETPLACE
PLUGINS
🀌 NUMBER FORMATTER
🀌 Number formatter logo

🀌 Number formatter

Published January 2023
   β€’    Updated this week

Plugin details

Format numbers with full locale support using the browser's built-in Intl.NumberFormat API. No external libraries needed.
βœ… Currency formatting ($1,234.56 / 1.234,56 €)
βœ… Compact notation (1.2M, 3.5K)
βœ… Percentages (85%)
βœ… Units (100 km/h, 25Β°C, 3 liters)
βœ… Precision control (min/max decimal places)
βœ… Sign display (+42, -42)
βœ… Thousands separator control
βœ… Scientific & engineering notation
βœ… Error handling with error state output
βœ… formatToParts() JSON output for custom rendering
βœ… Advanced JSON options for full Intl.NumberFormat access

demo: https://nocode-to-knowcode.bubbleapps.io/version-test/formatter
forum: https://forum.bubble.io/t/number-formatter-plugin/241249

Free

For everyone

stars   β€’   0 ratings
196 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web & Native mobile

Contributor details

Rico Trevisan logo
Rico Trevisan
Joined 2017   β€’   10 Plugins
View contributor profile

Instructions

1. Drop the 🀌 Number formatter element on your page (it's invisible) 2. Set the number, locale, and formatting style (decimal, currency, percent, or unit)
3. Use the "Formatted number" output state to display the result

For currency: set Style to "currency" and provide a Currency code (e.g. USD, EUR)
For units: set Style to "unit" and provide a Unit (e.g. kilometer-per-hour, celsius)
For compact: set Notation to "compact" (turns 1234567 into 1.2M)

Tip: use the Advanced options field with raw JSON for full Intl.NumberFormat control.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:

Resources

Support contact
Tutorial
Forum

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble