MARKETPLACE
PLUGINS
FLUID CHAT (FREE)
Fluid Chat (Free) logo

Fluid Chat (Free)

Published December 2025
   •    Updated December 2025

Plugin details

Building a chat app with standard Repeating Groups is frustrating. The scroll jumps, new messages appear at the top instead of the bottom, and performance drops after 50 messages.
Fluid Chat solves this by rendering your entire conversation as a single, high-performance visual element. It feels native, smooth, and professional.

Top Features:

  - Inverse Scroll: Content starts at the bottom, just like Telegram or WhatsApp.

  - Smart Auto-Scroll: Automatically scrolls down when a new message arrives.

  - Zero Lag: Renders hundreds of messages instantly without slowing down your app.

  - Full Customization: Change bubble colors, text colors, and backgrounds to match your brand.

  - Native Feel: Includes message timestamps, user avatars, and proper bubble tails.


Performance Note: This plugin uses a lightweight rendering engine. It can handle thousands of messages more efficiently than a native Repeating Group because it creates the HTML structure directly, bypassing the heavy lifting of Bubble's cell rendering.

This is the Lite version (Text Only). For Audio messages, Image uploads, Swipe-to-Reply, and Typing Indicators, check out the Pro version.


Demo Test: https://demo-app-56978.bubbleapps.io/version-test/fluidchat_free/1765218849734x426174024026071400

Editor: https://bubble.io/page?id=demo-app-56978&test_plugin=1765216265846x780480082618351600_current&tab=Design&name=fluidchat_free&ai_generated=true&type=page&elements=bTKeP

Free

For everyone

stars   •   0 ratings
2 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

NoCoddo logo
NoCoddo
Joined 2025   •   60 Plugins
View contributor profile

Instructions

How to use Fluid Chat (Free):
1. Database Setup Create a Message data type with at least: Text (text), Creator (user), and Created Date (date).

2. Element Setup Drag the Fluid Chat element onto your page. Uncheck "Fit height to content" in the Layout tab. This is crucial for the scroll to work properly. Give the element a fixed height (e.g., 600px) or set it to 100% height within a group.

3. Connecting Data In the element properties, you need to pass Lists of values, not the objects themselves.

  - Message Text: Do a search for Messages (Sort by Date Ascending) -> each item's Text

  - Is Current User?: Do a search for Messages... -> each item's Creator is Current User

  - User Avatar: Do a search for Messages... -> each item's Creator's Photo

  - Timestamp: Do a search for Messages... -> each item's Created Date

4. Testing Preview the page. Send a message using your own workflow (Create a new Message). The chat will update automatically and scroll to the bottom.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Chat   •   Mobile   •   Social Network   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble