NWD Number Input (Currency & Units) was built to replace the number formats of Bubble’s native input, from integer and decimal to currency and percentage, and adds units of your own, offering far more styling and formatting flexibility and control. It brings currency formatting for any currency, a cash-register style mask, range limits, and stepper buttons together in one polished component. Fully customizable through 40+ properties, giving you complete control over every visual and behavioral detail.
This plugin is maintained by GCS Studios and is part of the NWD UI - Input family, form controls built from scratch for Bubble, inspired by a personal component library originally built for React. Each one is carefully designed and tested in real applications before release, for the level of control, polish and reliability that native Bubble inputs often do not provide. See more plugins on the GCS Studios contributor page.






Key Features

Precise Number Entry
✅ Currency formatting for any ISO currency (BRL, USD, EUR...), with the symbol placed by the locale
✅ Optional currency mask that fills the number from the cents as the user types
✅ Prefix and suffix of your own for units, such as kg, km or %, kept out of the value
✅ Minimum and maximum limits that clamp the value or mark it as invalid
✅ Configurable step, and decimal places that can come from your data
✅ Locale-aware decimal and thousand separators
✅ Typing filter that accepts only valid numbers

Fully Customizable
✅ 40+ properties for complete visual and behavioral control
✅ Stepper buttons at both ends of the field or stacked at one end, with custom icon styles and sizes
✅ Twelve input icons, with filled and outline pairs
✅ Seamless integration with native Bubble styles while preserving a consistent appearance across browsers and matching your app design

Smooth User Experience
✅ Arrow keys add or subtract the step, and Shift multiplies it by ten
✅ Thousand separators that stay while typing, with the cursor kept in place
✅ Handles required and invalid states with customizable styling that integrates with Bubble styles
✅ Screen reader ready, with an accessible label and description, and reduced motion support

Workflow Friendly
✅ Exposed states for the number, the formatted value with prefix and suffix, and the out of range flag, updated on every keystroke
✅ Initial value available to your workflows even while the element is hidden
✅ Set value action to write the number from a workflow, with the option to apply it even when the input is disabled
✅ Focus action that can be triggered from anywhere for full workflow control
✅ Reset action with flexible behavior that integrates with native Bubble actions or custom workflows
✅ Value changed event on leaving the field, with an option to also fire it as the user types or uses the arrow keys

Reliable & Production-Ready
✅ Built with lightweight CSS and JavaScript for fast, reliable performance
✅ Designed around practical use cases and real Bubble development needs
✅ Tested in real-world applications before being released publicly
✅ Created to extend Bubble with functionality and customization beyond what native Bubble elements typically offer



How to test this plugin almost for free?
Subscribe and test it for a few days to see if the plugin meets your needs. Subscriptions are billed prorated, so if you cancel after a short period, you'll only pay for the days used.

Explore Our Other Plugins
Check out our complete collection of plugins, including elements, inputs, client-side actions, server-side actions, and APIs. Built to extend native capabilities or introduce new features, based on real-world applications.



Get in Touch
We'd love to hear from you! If you need help, have any questions about our plugins, want to provide feedback, or suggest a feature, please contact us directly.