Input Superpowers is a lightweight and powerful plugin that gives you full control over how users type into your inputs. With two flexible modes β Mask and Restrict β you can easily format values in real time (like phone numbers, CPF, dates, or custom patterns) or strictly control which characters are allowed (text, numbers, symbols, and more). The plugin automatically cleans and structures the input while publishing useful states such as character count, a sanitized value for database storage, and mask validation status. Itβs simple to implement, highly customizable, and designed to improve both data quality and user experience β all with zero cost.
Free
For everyone
5.0 stars β’ 1 ratings
285 installs
This plugin does not collect or track your personal data.
To use Input Superpowers, simply add the plugin to your page and provide the ID of the input element you want to control. Then choose between *Mask* or *Restrict* mode. In Mask mode, define a custom pattern using `0` for numbers, `A` for letters, and `S` for alphanumeric characters β the plugin will automatically format the input as the user types and indicate when the mask is complete. In Restrict mode, you can toggle which types of characters are allowed (text, numbers, spaces, hyphens, and special characters), and any invalid input will be instantly removed. The plugin also exposes useful states like character count, cleaned value (ready for database storage), and mask validation, which you can use in workflows or conditions inside Bubble.
Types
This plugin can be found under the following types:
You just give your Input an ID, and write the same ID when adding this plugins object to your page. Works in 2 seconds, plug and play. Thanks so much for marking this!