[New Plugin] Searchable Dropdown (Single/Multi) 🪄 One dropdown, complete control

Searchable Dropdown (Single/Multi)

Demo Editor
Demo Preview/Documentation
Plugin Page
Other plugins (:sweat_smile:I’m still migrating some from my old page)

Hey everyone,

I’ve always been bothered by the limitations of dropdowns in Bubble, both in terms of single/multi selection behavior and visual customization.

Beyond the lack of styling control, Bubble’s native dropdown can also behave differently across browsers because of how it’s built, which makes it even harder to create a consistent experience.

For a while, I ended up building my own custom dropdown components for projects. But anyone who has done that knows how much of a headache it can be to manage workflows, states, selection logic, and data sources, especially when the setup isn’t truly dynamic. Even with reusable elements, it still becomes difficult to maintain.

So I originally started building this plugin for my own use. After improving it, documenting it properly, and adding a few more features, I decided to publish it in the marketplace.

I tried to bring everything you (and me) expect from a modern dropdown into one clean, reliable component without workarounds or complex setups.

So, Searchable Dropdown (Single/Multi) is a powerful, fully customizable dropdown element built to replace the native dropdown with a richer and more flexible experience.

It supports single and multi selection, static and dynamic data, built in search, smart positioning, smooth animations, and keyboard accessibility, all powered by pure CSS and JavaScript with zero dependencies.

My goal is to keep refining and releasing more UI component plugins I’ve built over time, along with proper documentation and demos.

Hope you like it :raising_hands:


Key Features

Powerful Selection Engine
:white_check_mark: Seamless single and multi selection in one powerful element
:white_check_mark: Works with Datatypes, Option Sets, and other static or dynamic values
:white_check_mark: Smart defaults that preselect values effortlessly
:white_check_mark: Built in instant search to quickly find options as you type
:white_check_mark: Select all or a customized list with clear visual feedback
:white_check_mark: Built in counter for multi selection

Smooth User Experience
:white_check_mark: Intelligent positioning that adapts beautifully to any screen
:white_check_mark: Smooth animations that make every interaction feel premium
:white_check_mark: Keyboard support (Tab, Enter, Space, Escape)
:white_check_mark: Handles required and invalid states with customizable styling

Beautifully Customizable
:white_check_mark: Fully customizable option states (default, hover, selected)
:white_check_mark: Seamless integration with Bubble styles
:white_check_mark: Consistent appearance across browsers and devices
:white_check_mark: Custom scrollbars, glass effects, and built in icon library

Workflow Friendly
:white_check_mark: Trigger actions from anywhere
:white_check_mark: Flexible reset behavior
:white_check_mark: No workflows required for core functionality
:white_check_mark: Zero dependencies (pure CSS & JavaScript)

Would love to hear your feedback
Happy to answer questions or help you get started!

1 Like

Last updates:

1.1.0 - New property “Menu border color” added
1.2.0 - Minor visual improvements
1.3.0 - Improved mobile experience and animation behavior

Great plugin! The zero-dependencies approach (pure CSS & JavaScript) is a smart choice — keeps the plugin lightweight and avoids compatibility issues down the road. The cross-browser consistency fix alone makes this worth trying. Looking forward to seeing future UI components from the Newed library!

1 Like