Design
Unlock the power of visual creation with Bubble.io's Design features, empowering solopreneurs to craft stunning no code SaaS applications without coding skills and bring their entrepreneurial visions to life.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a3d5d63228e660862d8_Explain-like-I-am-5-AI-text-generator-built-with-Bubble.png)
Explain like I am 5 AI text generator built with Bubble.io using OpenAI
In this Bubble.io tutorial we demonstrate how to use the OpenAI API with Bubble for no-code AI text generation to create a tool that takes text and then explains the content of the text in the language a 5 year old would understand. We show up to succesfully make an API request to OpenAI using the Bubble API Connector and show the returned text on a page using Custom States.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1ef020724bcc38bdaf_uVycPCk4mlQ-HD.jpeg)
Figma Themes & UI Kits - Where To Find Design Inspiration
In this Bubble.io tutorial video we share some of the top places to look for design inspiration, UI kits and themes for your Bubble app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a6531640e1239a28674_Filter-repeating-groups-by-date.png)
Filtering Repeating Groups by Date - Only Showing Today's Events
In 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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a93496c3332e943f92e_Finally-Send-a-message-with-the-Enter-key.png)
Finally! Send a message with the Enter key
In this Bubble tutorial, you will learn how to submit input from a text using an enter key and for it to automatically run a workflow based off that key press.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a4848385f6de8ff9d37_youtube-thumbnail-8.png)
GPT-4 Chatbot with Bubble - OpenAI chat and text generation
Here is every step needed to create an OpenAI GPT-4 powered chatbot using Bubble the no-code web app development platform. Discover how to use the Bubble API Connector to connect directly to the OpenAI API, how to interpret the OpenAI API documenation and format your messages using the JSON-safe modifier. Watch this video and save yourself hours of API errors.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a8cc12be7d36a449f12_Youtube-thumbnail-HD.jpeg)
Gap between repeating group rows
In 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.
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/66670a8cc12be7d36a449f12_Youtube-thumbnail-HD.jpeg)
Gap between repeating group rows
In 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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1d31640e1239a262cf_Xn81w2jYLTI-HD.jpeg)
How to add hover effect to a button in Bubble
In this Bubble.io tutorial video we demonstrate how to add hover effect to a button in Bubble.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/666c2c8e6bf5cc258da643c0_How-to-Build-Your-Own-AI-Assistant-for-Email-Writing-Without-Coding.png)
3 Ways Plumb Will Supercharge Your No Code AI App
Elevate your no-code AI app with Plumb's powerful features, including a versatile pipeline builder for managing multiple AI requests, seamless swapping between different large language models (LLMs), and the ability to combine AI-generated content into structured JSON responses. Whether you're using Bubble.io or another platform, Plumb ensures efficient, high-quality outputs without the hassle of timeouts, thanks to its robust webhook integration.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66f6ac8f75daead30586b686_Save%20multiple%20items%20separately%20in%20Bubble.io%20database%20-%20EASY%20tutorial!.png)
Save multiple items separately in Bubble.io database
Learn how to efficiently manage multiple entries and create individual items in your Bubble.io database using backend workflows.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/6797b53920fba193858b8922_Slack%20Webhooks%20in%20Bubble%20Track%20Events%20%26%20Get%20User%20Feedback%20in%202%20Mins!.png)
Slack Webhooks in Bubble Track Events & Get User Feedback in 2 Mins!
Learn how to supercharge your Bubble.io app with Slack notifications in just minutes! This step-by-step tutorial shows you how to integrate Slack webhooks into your no-code application for seamless event tracking and user feedback collection. Perfect for no-code developers looking to enhance their app's communication capabilities!
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/6737632a80e98a095bd28d87_Build%20LARGE%20Multi-Step%20Forms%20for%20Onboarding%20in%20Bubble%20FAST!.png)
Build LARGE Multi-Step Forms for Onboarding in Bubble FAST! - Part 1
Are you looking to supercharge your Bubble app's onboarding process with robust multi-step forms?