Instructions (How to Use)
Drag Short Number Formatter onto the page
(It is invisible — position does not matter)

Set the number input to any dynamic value
(e.g. views, followers, search count, revenue)

Read the result using one of the exposed states:

formatted_text → display to users

numeric_value → use in logic or charts

suffix_used → style separately if needed

That’s it.
No workflows required.

The best thing is to check how i set it up on the editor.


Inputs (Fields Explained)


🔢number (number)

The value to format.

Examples

15400000

This Thing's views

Search for Orders:count

🔢 decimals (number)

Maximum number of decimal places to show after shortening.

Examples

Value Decimals Output
1200        1            1.2K
1200        0             1K
1500000 2             1.5M

Default recommended: 1

🔄 rounding_mode (text)

Controls how decimals are rounded.

Options

floor

round

ceil

Examples

Raw       Mode    Result
1.24 floor 1.2
1.25 round 1.3
1.21 ceil        1.3


⬇️ min_suffix (text)

The minimum suffix that can be used.

Options

none

K

M

B

Examples

Value min_suffix Output
950 none 950
950 K 0.9K
12000 K 12K
⬆️ max_suffix (text)

The maximum suffix that can be used.

Options

K

M

B

Examples

    Value    max_suffix   Output
1,200,000 K                1200K
1,200,000 M                 1.2M



0️⃣ zero_behavior (text)

Controls what is displayed when the number is exactly 0.

Options

zero → displays 0

dash → displays —

empty → displays nothing

Useful for dashboards and analytics UIs.

✂️ trim_trailing_zeros (yes/no)

Removes unnecessary trailing zeros from decimals.

Examples

Value Trim Output
1.0K yes           1K
1.0K no          1.0K

Default recommended: yes


📤 Exposed States (What You Read)


📝 formatted_text (text)

The final formatted value.

Example

15M


👉 This is what you usually display in a Text element.

🔢 numeric_value (number)

The numeric part after shortening, without the suffix.

Example

15


Useful for:

Charts

Comparisons

Conditional logic

🔠 suffix_used (text)

The suffix applied to the number.

Values

K

M

B

empty (if no suffix)

Useful for:

Styling suffix separately

Advanced UI layouts


Demo:
https://testlpu.bubbleapps.io/version-test/convert_number_to_k_m_b

Editor:
https://bubble.io/page?id=testlpu&test_plugin=1766088570663x513845707497013250_current&tab=Design&name=convert_number_to_k_m_b&type=page