Extended UI Elements is the ultimate library of high-fidelity visual elements for Bubble.io. Meticulously crafted following the Untitled UI design philosophy, this plugin allows you to deploy professional, lightweight, and robust components without the headache of complex responsive settings or custom CSS.
Key Highlights: ============ 💎 Premium Aesthetics: Based on the world’s most popular design system (Untitled UI).
🚀 High Performance: Lightweight, optimized code ensures ultra-fast loading times.
🖋️ Native Typography: Automatic detection of your app’s global font settings.
🎨 Dynamic Branding: Elements intelligently adopt your Primary, Success, and Error theme colors.
📦 Advanced Components: Collapsible Sidebars (Iconify ready), Floating Drawers, Country Selectors with flags, Rich Text Editors, and animated Modals.
🛠️ Portal Technology: Move any native Bubble group into our Modals or Drawers using a simple Element ID.
$45
One time • Or $5/mo
stars • 0 ratings
2 installs
This plugin does not collect or track your personal data.
Define your theme_primary color in the plugin settings
Expose the option to add an ID attribute to HTML elements. This is vital for the Modal and Drawer "suction" feature.
2. Using Modals and Drawers (Element Suction) Our Modals and Drawers act as "portals" for your native Bubble content:
Design your content (forms, images, settings) inside a regular Bubble Group on your page. In the ID Attribute field of that group, give it a unique name (e.g., profile_form).
Ensure the group is marked as "Visible on page load" (the plugin will handle hiding/moving it automatically).
In the Modal or Drawer element settings, type profile_form in the Target Element ID field.
Use the "Show/Hide" element actions in your workflows to trigger the component.
Types
This plugin can be found under the following types:
Built on Bubble
