Horizontal Text Collapser

Demo to preview the plugin:

Introduction

The Horizontal Text Collapser allows you to turn regular Bubble text elements into compact chat bubbles, pills, or chips by dynamically collapsing the text element horizontally to fit its content. This simplifies building modern, space-efficient UI components without custom CSS.
The plugin works directly on existing text elements, helping you design flexible message components that adapt naturally to their content.
Key Features

Prerequisites

  • The plugin is installed and enabled in your Bubble app
  • Requires a standard Bubble Text element
  • Works inside groups, repeating groups, and reusable elements
  • No external libraries or CSS required
Image without caption

How to Setup

Step 1 – Install the Plugin

Plugin Action

Collapse element width

Image without caption

Changelogs