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/66670a65c12be7d36a4483cf_Gradient-Text.png)
Text Background Gradient in Bubble - FREE, no plugin needed
In this Bubble tutorial video we demonstrate how to add a gradient background to text in your Bubble app using CSS and element IDs. No plugin needed.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670aae04ce0fb021741f84_How-to-insert-.-after-long-text.png)
Text preview: how to insert '...' after long text
Learn how to effectively manage long blocks of text in your Bubble.io project, ensuring they maintain a set height and display only a designated number of lines - all without writing a single line of code.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a62bcc92941db6f8f78_1.png)
The Ultimate Bubble.io Guide to Timezones
In this Bubble tutorial we demonstrate how Bubble detects Current User's timezone, how to override the browser timezone and how to change the timezone for data/time inputs, backend workflows and API calls.
![](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/66670a7215e172a3474006d7_Conditional-Statements.png)
Tips for Using Conditional Statements in Bubble.io
In 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) to show low, medium and high values in our data.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a7248385f6de8ffbcb6_10-Tips-Bubble.png)
Top 10 Bubble Tips that every Bubble Developer needs
In this video, we share top 10 tips that every Bubble developer (beginner or advanced) must know. This includes things such as what Bubble is good at, limitations of Bubble, Design tips, Dev and Live environments, Privacy and Security, and running apps as users.
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/66670a74e7d6235582eafbe4_Hide-Calendar-Time.png)
How to hide time from the Bubble calendar
In this Bubble tutorial we demonstrate how to remove the time stamp from calendar events in the month view using just a few lines of CSS.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/6669940cf4af7b77e8968c75_database-beginner.png)
Beginners Guide to Bubble.io Database
In this Bubble tutorial, Planet No Code introduces the beginner's guide to the Bubble database. Learn how to structure your data, create data types, and establish relationships between them. Discover the importance of privacy rules and how to ensure data security. With hundreds of Bubble tutorial videos available, Planet No Code has you covered for all your no-code app development needs.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a2afe4b8fd45626dee0_RVnGs7fgtsw-HD.jpeg)
How to embed YouTube videos on Bubble.io using embed code
In this Bubble.io tutorial video we demonstrate how to embed a YouTube video in your Bubble app without using the built in video element. This tutorial uses the HTML / Custom code visual element.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670aad1cc527e9fe829375_No-Code-Video-Conferencing-App-with-Whereby-Part-1-2-1.png)
No Code Video Conferencing App with WHEREBY - Part 4
In this Bubble tutorial, we delve into the essential steps to enhance the usability and security of a video conferencing app built with Bubble.io and no-code development. From setting up registration and login forms to configuring privacy rules, optimising your app for both functionality and safety is crucial.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a16bfd16c4e12ec214c_woq8iZeTjqc-HD.jpeg)
Create shop filter using Custom States & Option Sets
In 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 ecommerce store with the Bubble app builder.