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/66670a764552dfcd1ac2da3b_100-Page-Height.png)
100% Height Full Screen in Bubble.io
In this Bubble tutorial we demonstrate how you can use a few lines of CSS to force pages in your Bubble app to be height responsive, 100% height, 100% viewport.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a4d31640e1239a27c71_How-to-import-CSV-data-into-a-Bubble-app.png)
2 Ways to Bubble CSV Upload
In this Bubble.io tutorial we'll show you two ways you can upload and import CSV data into your Bubble app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a7cf864d7bb3d642840_3-ways-to-add-data-Repeating-Groups.png)
3 ways to add data to a Repeating Group
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 when the page loads, how to change this data with a workflow and how to update the repeating group list using a conditional statement and custom state.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a4586bc17004d25c0bf_3-ways-to-edit-calendar-events-in-Bubble.io_.png)
3 ways to edit calendar events in Bubble.io
In this Bubble.io tutorial video we demonstrate 3 ways you can edit events in Bubble. How to enable modification through dragging, how to enable modification through resizing and how to enable modification using a pop up.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670aaa5f403716c40cf937_5-performance-tips-for-structuring-your-Bubble-app.png)
5 performance tips for structuring your Bubble app
Learn how to structure your Bubble.io app for optimal performance and usability with these 5 tips.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a32a5d9dabf949eed58_CloudsConvert_maxresdefault-1667562644.jpeg)
AI Image Generation in Bubble with DALL-E 2 OpenAI API
In this Bubble tutorial video we demonstrate how to generate AI images within your Bubble app using the DALL-E 2 API (Public Beta) from OpenAI. We take you through every step from interpreting the DALL-E 2 API documentations, to setting up the Bubble API Connector.
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/66670aac983f8681af33e4a7_Reacting-to-I-wouldnt-Use-Bubble-To-Build-a-No-Code-Saas.png)
Reacting to 'I wouldn't Use Bubble To Build a No Code Saas'
We delve into the debate about whether Bubble.io is the right platform for building a no-code web app, especially for SaaS ideas. Join us as we explore the pros and cons of using Bubble.io for your next project.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a918de92b506e4b6303_Learning-Toddle.dev-No-code-widgets.png)
Learning Toddle.dev - No-code widgets
In 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, we will focus on one of the platform's features - web components. We will demonstrate how to create a custom no-code widget that can be embedded into your website.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a4d31640e1239a27c71_How-to-import-CSV-data-into-a-Bubble-app.png)
2 Ways to Bubble CSV Upload
In this Bubble.io tutorial we'll show you two ways you can upload and import CSV data into your Bubble app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a75e23b80727f5fb657_PlanetNoCode-ChatGPT-AI-Thumbnails.png)
Bubble App Security: Protecting User Data with Flusk.eu
In this Bubble tutorial video we demonstrate Flusk Vault, the first security tool built for Bubble apps. Flusk scans your Bubble app checking for data leaks, privacy rules, page protection, API connector, compromised workflows and more. Sign up to Flusk Vault today.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a6f780cee38dc2b74b5_best-navigation-for-one-page-apps.png)
The best navigation for one page Bubble app
Are you building a no-code one page Bubble app? How are you handling your navigation? In this Bubble tutorial video we'll explain why one page app navigation with custom states has limitations and how using Go to page... with URL parameters can improve your user experience.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a58f02fbc01220ce5f8_ymX8pflkhxY-HD.jpeg)
Should I use margins or padding?
Should I use margins or should I use padding? In this Bubble tutorial, I'm going to give a few examples because this is a common theme that I see in the Bubble coaching that we run at Planet No Code, where we do one to one sessions helping Bubble creators just like yourself, develop and overcome issues that they've got with their Bubble apps. And we experience this quite a lot with, I say, clunky layouts.