Master Repeating Groups in Bubble.io. Learn to display lists, filter and sort records, build nested groups, paginate data, and create dynamic UIs without writing code.
In this Bubble tutorial video we demonstrate how to filter results in a repeating group using Custom States.
Watch: Filter products in a repeating group by data type with Custom States →Get started with our 3 ways to add data to a repeating group Bubble tutorial. We demonstrate how to make sure that your repeating group is populated with data…
Watch: 3 ways to add data to a Repeating Group →In this Bubble tutorial we demonstrate how to nest repeating groups in Bubble including how to link data between parent and children groups.
Watch: Nested Repeating Groups in Bubble: A Step-By-Step Guide →Learn how to build a modern reverse‑scrolling chat interface in Bubble.io, perfect for AI chatbots and messaging apps. This tutorial walks through configuring a repeating group with reversed scroll direction, anchoring…
Watch nowBubble.io has finally added a reverse scrolling option for repeating groups, aiming to make chat-style interfaces like WhatsApp, Slack, or ChatGPT easier to build. In this video, we test how the new reverse scroll…
Watch nowGet started with our 3 ways to add data to a repeating group Bubble tutorial. We demonstrate how to make sure that your repeating group is populated with data when the page loads, how to change this data with a workflow…
Watch nowIn this Bubble tutorial video, you'll learn how to create QR codes that link to specific entries in your Bubble database. This feature is especially useful for apps with sharing functionality, allowing users to easily…
Watch nowIn this engaging Bubble tutorial video, you will learn how to enhance the appearance of your forms in Bubble by having better radio boxes or better toggles.
Watch nowIn this Bubble.io tutorial we demonstrate how to create a Pie Chart in Bubble using ApexCharts by Thimo.
Watch nowIn this Bubble.io tutorial we expand on our previous Bubble.io ChatGPT Clone videos to show you how to delete a conversation and all messages included in that conversation.
Watch nowLearn how to filter a list of dates to only return dates in the last 30 days in your Bubble.io app with this step-by-step tutorial.
Watch nowLearn how to efficiently filter a list of items in a Bubble.io database to showcase events happening today with this helpful guide for no-code enthusiasts.
Watch nowIn this Bubble.io tutorial video we explore why using the link element is important for SEO (search engine optimization) and why you should consider using it instead of the Workflow - Navigate to page action.
Watch nowIn this Bubble tutorial we demonstrate Bubble.io's latest element. Bubble has finally added a table element to their web app designer. Here is our quick guide exploring the Bubble table element.
Watch nowIf you're thinking of purchasing a Bubble template, you may want to watch this video first. This video features one of our free 15 minutes Bubble coaching sessions available to all our members. In this session we work…
Watch nowBuild a ChatGPT clone with no code web app building platform, Bubble.io. This 30 minute video shows you everything you need to know to create a your own ChatGPT clone including how to create a simple Bubble.io app, how…
Watch nowLearn how to create a Claude 3 powered AI no-code app using Bubble.io in less than 15 minutes. Dive into this step-by-step guide on setting up a chat interface with Claude by Anthropic using the no-code platform.
Watch nowBuild a No Code SearchGPT with Bubble.io and unlock the power of AI-powered search for your no-code SaaS startup.
Watch nowIn the Bubble tutorial we add user profiles to our Twitter clone. We explain how to user a Bubble app page's Type of Content to create a template for all Twitter users in our app.
Watch nowIn this Bubble tutorial we demonstrate how easy it is to create a Twitter clone with Bubble.io in under 20 minutes.
Watch nowLearn how to create your own no-code search engine using Bubble.io and the Brave search API in this tutorial. Discover how to connect to the API, structure the data, and display search results on a separate page.
Watch nowLearn how to create a custom dropdown in Bubble.io without any code in this tutorial video. See how you can include elements like profile images and contact names for a seamless user experience.
Watch nowLearn how to integrate add event functionality into your Bubble.io app, allowing users to subscribe to events through their calendar apps, in the final video of this AddEvent API miniseries.
Watch nowIn this Bubble tutorial we demonstrate how to use AI to generate reply suggestions adding a feeling of autocomplete to your Bubble app. We use the OpenAI API to generate chat messages replies in our ChatGPT clone.
Watch nowIn this Bubble.io tutorial we demonstrate how to create a Pie Chart in Bubble using ApexCharts by Thimo.
Watch nowIn this Bubble tutorial, I'm going to demonstrate how we can add some design improvements to the ChatGPT clone that I was building in my previous video.
Watch nowIn this Bubble.io tutorial we demonstrate how to create your own slideshow using custom states and repeating groups. Perfect for building a marketplace and ecommerce store with Bubble.
Watch nowIn this Bubble.io tutorial video we demonstrate how you can filter your products on a shop product page in Bubble.io. We'll be using Custom States and Option Sets to create this essential feature if you're building an…
Watch nowIn this Bubble tutorial we demonstrate how to use the ChatGPT API to create an AI chatbot like experience in your Bubble app. We dive right the deep end of the Bubble API Connector, we have getting started videos for…
Watch nowIn this Bubble.io tutorial video we show how Custom States to show a temporary list and build upon a temporarily list without saving data to your Bubble app's database using Repeating Groups.
Watch nowIn this Bubble tutorial we demonstrates how to create your own custom toggles using Groups, Repeating Groups, Option Sets and Custom States.
Watch nowIn this video I help one of our members restructure a page using the Bubble new responsive engine and debug why a piece of text isn't showing up. Spoilers: the Bubble privacy rules need updating.
Watch nowIn this Bubble.io tutorial we demonstrate how to use add Font Awesome icons to an Option Set and how to express a colour hex code within an Option Set.
Watch nowLearn how to enhance your no-code invoicing app by integrating Postmark for transactional emails in this comprehensive Bubble.io tutorial. Dive into setting up email templates, variables, and API connectors to create a…
Watch nowIn this Bubble tutorial video we demonstrate how to filter results in a repeating group using Custom States.
Watch nowIn this Bubble tutorial we explain how to use constraints on a repeating group to filter your Bubble database data by date. In this Bubble.io tutorial we demonstrate how to show only events occurring on the current date.
Watch nowIn this Bubble.io tutorial video we demonstrate the correct way to add uniform gap between rows in a repeating group you are using as a table element when building your no-code app with Bubble.io.
Watch nowIn this Bubble tutorial we demonstrate how to use the AssemblyAI transcription and speaker labelling API with backend workflows to loop through every 'utterance' returned by AssemblyAI.
Watch nowIn this Bubble tutorial we'll teach you how to add use the Air Copy to Clipboard plugin within a repeating group. For our example we take a repeating group showing a list of contacts and demonstrate how to copy each…
Watch nowIn this Bubble tutorial we demonstrate a neat trick using Font Awesome to show icons within your Option Set values.
Watch nowBubble doesn't make it easy to add a Group Focus into a Repeating Group cell. Here's our workaround using a Reusable Element and icon.
Watch nowIn this Bubble tutorial video we demonstrate how to use the arrow keys to navigate a table in Bubble.
Watch nowIn this Bubble tutorial we explain how to build a chat app with Bubble between your Bubble app users. This first video in a 3 part series sets the foundation for adding user chat to your Bubble app by examining the UI,…
Watch nowIn this Bubble tutorial we explain how to build a chat app with Bubble between your Bubble app users. This second video in a 3 part series focusses on additional UI elements required to build your own chat app and how…
Watch nowIn this Bubble tutorial we explain how to build a chat app with Bubble between your Bubble app users. This third video in a 3 part series completes this mini series demonstrating how to build your own chat app by…
Watch nowIn this Bubble tutorial we demonstrate how to create a comparison table in Bubble. This nocode tutorial will show you how to add checkboxes to a repeating group list of products and send 2 selected products to a new…
Watch nowYou can create no-code IMDB clone with Bubble in just 30 minutes. In this Bubble tutorial video we demonstrate how to cleanly layout content in Bubble using rows and columns, how to structure your database to make…
Watch nowIn this Bubble.io tutorial we demonstrate how to create a Pie Chart in Bubble using ApexCharts by Thimo.
Watch nowIn this Bubble tutorial we explain how to create a slideshow with a Repeating Group that uses a Next button and a Previous button. We conclude the video by demonstrating the workflow needed to make the slideshow…
Watch nowIn this Bubble.io tutorial video we demonstrate how to create a nocode Zoom clone using Bubble.io and Daily.co
Watch nowLearn how to create an AI search engine without coding using Bubble.io! This tutorial will show you how to build a powerful search tool using a no-code platform. Start building your own AI search engine today!
Watch nowIn this Bubble.io tutorial video we demonstrate how to use a Popup to edit data in a repeating group. We show how to create a Popup and the Workflow needed to display the Popup pre-populated with any existing data.
Watch nowIn this Bubble tutorial we demonstrate how to use OpenAI Whisper with the Audio Recorder & Vizualiser to record someone's speech and convert it into text or a transcript with Whisper. Get started with the Bubble API…
Watch nowIn this Bubble.io tutorial we demonstrates 3 ways to show default data in your Bubble app when the page loads. Two of the examples involve creating a Custom State and adding extra workflows. We demonstrate who you can…
Watch nowIn this Bubble.io tutorial video we show how to set up an API Connector integration with Page2API so that you can scrape content you've targeting from a website and save to your Bubble.io database.
Watch nowIn this Bubble tutorial we'll demonstrate how to take one entry in your Bubble database from a list of entries and link through to a page all about that one entry. Very useful if you are building a nocode marketplace…
Watch nowLearn how to use Bubble.io's no-code platform to split paragraphs into a repeating group for easy organization and display of content.
Watch nowIn this Bubble.io tutorial video we demonstrate how using custom states to show and hide elements on your page can save your time and keep your app lean. In the second half of the video we take this app leanness a step…
Watch nowIn this Bubble.io tutorial we demonstrate how to populate a page with dynamic text and image data from your database.
Watch nowIn this Bubble tutorial we'll demonstrate how to split text generated by OpenAI / ChatGPT into multiple cells in a Repeating Group. Using the Air Copy To Clipboard plugin by Zeroqode we'll explain how to copy a single…
Watch nowHere's a quick tip for working with repeating groups and shadows in your Bubble app.
Watch nowIn this Bubble.io tutorial we demonstrate how to create a reusable element in a Bubble app and explain the benefits of using reusuable elements wherever possible.
Watch nowIn this Bubble tutorial we explain how to use Custom States with Bubble, why Custom States are useful and demonstrate two Bubble app examples of how I use Custom States in the Bubble apps I build.
Watch nowIn this Bubble.io tutorial we demonstrate how to nagivate up and down a table using the up and down arrows on a keyboard. This Bubble tutorial shows how to use custom states to track the selected row of a repeating…
Watch nowIn this Bubble.io video tutorial we show how to use Option Sets in the Bubble editor to store and display phone numbers and country codes. We use an example of a basic CRM to demonstrate the power of Option Sets to…
Watch nowIn this Bubble tutorial video, I'm going to demonstrate how you can use the debugger bar at the bottom of your preview app to work out why a text label isn't working or data isn't being shown when you preview your app.
Watch nowIn this Bubble.io tutorial we demonstrate how to use the Bubble Debugger bar to debug why an element is not visible when it should be. First we check the page element on the Bubble app page with the Inspect tool and…
Watch nowProviding an upvote feature for user-generated content is a significant factor for encouraging engagement and building an active user-base.
Watch nowFinally you can create a true chat experience in Bubble with the Reverse Repeating Group plugin by Thimo. Design your Bubble ChatGPT clones or other chat apps to scroll to the bottom of the conversation just like…
Watch nowIn this Bubble tutorial we build a simple product listing page using the Repeating Groups element. We explore how to add data to a Repeating Group element, how to style a Repeating Group and how to link the whole cell…
Watch nowWelcome to another in-depth Bubble tutorial where we delve into the integration of Serper.dev's Places API with Google Maps for a powerful and intuitive mapping experience.
Watch nowIn this no-code tutorial, we will explore the power of a new no-code platform called toddle.dev. With toddle.dev, you can quickly and easily build web applications without writing a single line of code. In this video,…
Watch nowLearn how to build a custom invoicing web app without any coding knowledge using Bubble.io in this step-by-step tutorial. Dive into the world of no-code development and create your own personalized invoicing system with…
Watch nowLearn how to create an invoicing app with no code using Bubble.io in this tutorial. Discover the power of no-code app development and streamline your invoicing process effortlessly.
Watch nowIn this Bubble.io tutorial video we demonstrate how the Google Map element in Bubble can display multiple markers at once.
Watch nowIn this Bubble tutorial we demonstrate how to nest repeating groups in Bubble including how to link data between parent and children groups.
Watch nowExplore the possibilities of creating your own video conferencing web app using no-code platforms like Bubble.io with expert guidance from a no-code educator. Discover how to seamlessly integrate the whereby REST API…
Watch nowLearn how to leverage Bubble.io and the power of no-code development to create a video conferencing app with ease. Dive into the tutorial series and explore the seamless integration of the Whereby API, all while…
Watch nowIn this Bubble tutorial we demonstrate how to use the OpenAI Assistant API, OpenAI Thread API and Bubble API Connector.
Watch nowIn this Bubble tutorial we demonstrate how to use the OpenAI Assistant API, OpenAI Thread API and Bubble API Connector.
Watch nowLearn how to add OpenAI GPT-4o to your Bubble.io app with this beginner's guide to integrating AI using no-code development.
Watch nowIn this Bubble tutorial series we give our top tips for working with repeating groups in Bubble.io. In this video we demonstrate how to add alternating rows in a repeating group.
Watch nowIn this Bubble tutorial we demonstrate our top tips for designing great looking repeating groups in your Bubble app.
Watch nowIn this Bubble tutorial we demonstrate how to filter a list of products on an ecommerce website using custom states and option sets. Creating AND filters with Option Sets is not easy in Bubble but we demonstrate a…
Watch nowIn this Bubble tutorial we demonstrate how to scrape Google Maps data into your Bubble app using the Serper.dev API.
Watch nowIn this Bubble.io tutorial video we demonstrate how using a Fuzzy Search plugin can enable you to expand search funciton beyond the built in Search Box. This tutorial explains how to use the 'ZQ Fuzzy Search &…
Watch nowIn this Bubble.io tutorial we demonstrate the very common mistake that people make when using auto-binding to save data in their Bubble apps.
Watch nowIn this Bubble tutorial we demonstrate how you can use conditional statements to change the background color of content based on a numerical value. We create a series of traffic light color changes (red, green, yellow)…
Watch nowIn this Bubble.io tutorial video we show how to display content using dynamic data from your database on a page. Using Page Data Source is the best way of designing a page to show a single entry from a list of data.
Watch nowWeb scraping Google search results is easy with the Serper.dev API. In this Bubble.io tutorial we demonstrate how to use the Serper.dev API to fetch Google Search results into your Bubble app. A must for anyone building…
Watch nowIn this Bubble tutorial video we show you quick trick for working with repeating groups in Bubble.io - that being how to make the whole cell clickable and run a workflow action.
Watch nowLorem Ipsum is a popular placeholder text or dummy text. So why do you sometimes find Lorem Ipsum in the preview of your Bubble app. It has to do with setting a page's Type of Content.
Watch now
