Add fast full-text search to Bubble with MiniSearch across web pages, native mobile apps, and backend workflows. Build indexes from Bubble Things, search across selected fields, apply field weights, prefix matching, fuzzy search, suggestions, result limits, and highlighted values.
Demo |
EditorOn web, use the MiniSearch Index element to build a client-side browser index from a list of Things. Bind a query directly or by Input HTML ID, choose up to 10 searchable fields, tune ranking and matching behavior, and expose live states for matched results, counts, highlights, suggestions, scores, serialized index data, and index readiness.
On native mobile, use the MiniSearch Mobile element to build and search the index on the user's device with React Native. Pass Records to Index, bind Search Query to a native mobile input value, choose searchable fields from the selected Bubble data type, and read mobile states for Matched Results, Result Count, Indexed Count, Highlighted Values, Suggestions, Result Scores, Serialized Index, Term Count, Index Ready, Last Error, and Vacuum in Progress.
The native mobile element also exposes mobile events for Results Changed, Search Failed, Index Ready, and Suggestions Changed, so mobile workflows can react when the on-device index updates.
For backend workflows and server-side execution, use the Search Records server-side action. Pass a list of Things, choose fields to index, and receive matched results, result count, indexed count, error handling, and optional highlighted values.
Actions and elements included:
- MiniSearch Index element for web
- MiniSearch Mobile element for native mobile
- Search Records server-side action
- Web element actions: Set Query, Clear Query, Rebuild Index
- Web index maintenance actions: Add Records, Discard Records, Replace Records, Vacuum Index
- Web serialization actions: Export Index JSON, Load Index JSON
- Element events: Index Ready, Results Changed, Suggestions Changed, Search Failed