Floppy is a multi-purpose plugin for reading and writing values to the browser's storage, using the localStorage, sessionStorage, or IndexedDB interfaces. Unlike other storage plugins, Floppy supports nearly any Bubble data type including Things, Lists, and lists of Things.
It also has built-in scalar (single value) and list (array) states that are similar to custom states, but with a more robust set of manipulation features. These can be used to construct, modify, and manipulate lists. Additionally, there is support for drag and drop manipulation of items inside and even across repeating groups (works in both "old" and "new" responsive engines).
Floppy includes a wide variety of List manipulation features, including Actions to help you easily build, modify, and process Lists. Extra utility Actions include a proper "count" function for lists with list fields and "List Math" for doing simple mathematical operations on numeric lists. All of the List Shifter "SHIFT" functions you know and love (like Move, Reverse, Rotate and Swap) are implemented with enhanced error checking for goof-proof operation by newb- and pro-Bubblers alike.
New features include the ability to easily change individual List items, add items (and even lists of items) at arbitrary locations in a List. Lists can be processed List Shifter style (allowing duplicates) or Bubble style (prohibiting duplicates).
BUT WAIT... THERE'S MORE!
The Floppy plugin collection is now the home of List Shifter (dubbed List Shifter Pro now).
Floppy also introduces two additional, all-new approaches to iterating over Lists: Step Mode (which lets you iterate over a List with more flexibility and control than in List Shifter) and the "Code: Array Method", which lets you write simple (or even very complex) JavaScript to process lists using operations like .map() and .filter(), faster and more easily than with other solutions.
In addition to the main Floppy element, there's a simplified Floppy Reader element for reading/writing multiple values of different scalar and List types from/to localStorage, sessionStorage, or IndexedDB.
New enhancements are planned over time to (for example) provide some of the same List processing features on the server side (as Server Side Actions). Floppy's List Math, Make Numeric List and Count Each Field/Sort actions are all available as SSAs.
Additional utility plugins include:
Floppy Expression Watcher: Evaluates and monitors the results of any list and/or scalar expression for changes, triggering an event when that happens (it optionally publishes the expression values).
Floppy Hacker: A utility element that exposes various internal Bubble states and functions.
Floppy Rehydrator: Takes lists of Bubble thing unique IDs and converts them back into the Things they represent.
Floppy Date Range Processor: Make a list of Date Ranges unique and/or sort that list properly.
Experimental/work-in-progress elements including REANIMATOR (my implementation of anime.js) and an Inline SVG element.
Try Floppy in monthly subscribe mode and then purchase it permanently for your app. For apps on free plans, direct message @keith in the Bubble forum to purchase directly. If you're interested in licensing Floppy for multiple apps at better rates, you can also inquire via direct message in the Bubble forum.
$19
One time • Or $12/mo
3.5 stars • 15 ratings
4.2K installs
This plugin does not collect or track your personal data.
Add a Floppy element to your page. Configure basic settings and then use Actions to access all of Floppy's awesome features. Watch my videos at the Service URL for a complete rundown!
Types
This plugin can be found under the following types:
The Expression Watcher and List Shifter are still the best ways to work with data clientside. Ignore the haters. I've used these for years with no problems.
If Floppy can't do it, it can't be done
March 30th, 2025
Truly restored my hope in actually launching my startup app. I was on the verge of giving up before finding Floppy. Couple of annoying things to note... I now have to go through my entire app and change a large number of logic and data flows to use Floppy. Secondly, I really like the videos and all, but wish there was just a simple How To Document to fast track the use without watching many rambling videos. I personally think Bubble should be truly grateful that this Plugin came along, I am 100% sure it must have saved many apps from a sad lonely death.
One of the most important plug in
February 23rd, 2025
For the past three years, I spent countless hours trying to manipulate data from a database—especially when it came to handling numbers and calculations—with little success. However, once I started using the Floppy plugin, all my issues were resolved within three weeks.
Issue with Custom List Not Updating in List Shifter Pro
February 20th, 2025
I’m using List Shifter Pro in my Bubble.io application, but I’m encountering an issue where Custom List remains empty, even though Shifted List and Original List are populated correctly. Issue Details: Shifted List and Original List correctly show 4 items (matching the database). Custom List remains empty, even after trying multiple methods: Using Set Custom List inside When List Shifter Pro is Initialized. Using **Do When Condition is True (List Shifter Pro's Shifted List:count > 0)`. Using Publish Custom List instead of Set Custom List. Adding a pause before Set Custom List to ensure Shifted List is fully loaded. The workflow runs successfully, and I can see the alert I placed before "Set Custom List". However, Custom List remains empty in the Bubble Debugger (?debug_mode=true). What I’ve Checked: List to Shift is set correctly (Do a Search for Expert Services). Data Type of List & Output Type are correctly set (Expert Service). Shifted List and Original List contain data. No errors appear in the console or debugger. Questions: Is there any additional step required to ensure Custom List updates properly? Could this be a bug or a limitation in List Shifter Pro? Is there a specific workflow order that List Shifter Pro requires to update Custom List? I really appreciate your time and any suggestions you can provide. Thanks in advance for your help! Best regards,
how to get the api keys for Floppy
December 5th, 2024
please share me the document pr link to get the API keys for Floppy