Lottie Animations
Elevate your no code SaaS app with Lottie Animations in Bubble.io, empowering solopreneurs to create stunning, interactive visuals that captivate users and bring their no code projects to life.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a6a7d1ff157286bd292_Lottie-Animation.png)
OpenAI Loading Animation - Using Lottiefiles
In this Bubble tutorial we demonstrate how to improve your Bubble app's UX (user experience) by showing a loading animation while you wait for a response from the OpenAI API (ChatGPT). This tutorial uses a Lottie animation from Lottiefiles.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a383ffd3947b1bbcd17_How-to-add-keyboard-navigation-to-a-table-in-Bubble.png)
How to use keyboard shortcut navigation with a table in Bubble
In 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 group and change this selection with the arrow keys. The plugin used is Air Keyboard Shortcut by Zeroqode.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a834081e07c42eac9d3_Google-Search-Results-Scraped-Part-2.png)
Web Scraping Google Search Results in Bubble.io - Part 2
Part 2 of our SEO and Google Search web scraping series using the Serper.dev API. In this Bubble tutorial video we demonstrate how to use backend workflows to save each search result as a new record in your Bubble app's database.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a35e2b6683ba08842cc_Using-split-by-and-database-triggers-in-Bubble.io_.png)
Using split by and database triggers in Bubble.io
In this Bubble.io tutorial video we demonstrate how you can separate a user's full name into their first name and last name using Split By and database triggers.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a9127378b1ad29f14cd_How-to-join-with-a-line-break.png)
How to “join with” a line break
In this Bubble tutorial, you'll learn how to use the "join with" text modifier to change how a list of text items is expressed in your Bubble app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a6a3f0c12072b5af692_Improve-OpenAi-Workflow-and-Data-Structure.png)
Bubble.io & OpenAI - Improve your workflow and data structure
In this Bubble tutorial video we demonstrate a simple way you can improve and simplify your OpenAI API workflows in your Bubble app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670ac2c9c81d39a8732b2d_Should-you-use-OpenAI-Assistant-API-with-Bubble.png)
Should you use OpenAI Assistant API with Bubble?
Let's discuss whether to use the OpenAI Assistant API with Bubble.io applications. Exploring the key differences between the assistance API and chat completion, and the challenges and benefits of incorporating AI into your Bubble app.