Home
Courses
Sessions
For Business
Pricing
Blog
Sign in
Start Building
Courses with Category
Design
Browse courses
X items.
items
Showing Active Users
Show a count of users who are active and logged in to your application. Example: "5 people are logged in."
8 minutes
-
Design
Notification/Unseen Icon for Chats
Show an icon or "unseen" badge in chat groups. Users will have icons display on chat threads where new messages have been posted.
9 minutes
-
Design
Height Responsive Menus
Build responsive menus that are dynamic in height. No matter the height of a users browser, menus will shrink/expand in height to fit the screen.
7 minutes
-
Design
Search Suggestions like Amazon
Build search suggestion modals like Amazon, where any matching results are bolded and matched to the search criteria.
15 minutes
-
Design
Search & Autocorrect
Learn how to implement a real-time 'fuzzy' search. Users will be able to input search criteria in which your app will perform a 'fuzzy' search for similar terms.
11 minutes
-
Design
Customized URL's
Learn how to build clean customized URL's for your app. Allow your users to pick custom unique usernames. Ex: yourdomain.com/profile/sam
11 minutes
-
Design
Custom Fonts
Learn how to upload custom fonts to your bubble application. Use fonts not provided off-the-shelf by bubble.
5 minutes
-
Design
Instant Live Text
Get the live-text value of an input instantly, instead of waiting for a slight delay. Great for displaying character counts.
4 minutes
-
Design
Customize RG Scrollbar
Customize the look and feel of your repeating group scrollbars, instead of using the default ones.
4 minutes
-
Design
Dynamic Time Greeting
Greet your users with the appropriate time of day. Dynamically display "Good Morning" "Good Afternoon" or "Good Evening" based on the time of day.
7 minutes
-
Design
Add Social Share Buttons
Add social sharing buttons to allow your user's the ability to quickly share your website.
5 minutes
-
Design
Exit Intent
Create an action to do something when a user tries to exit the page. Great for showing last minute popups - as seen on many eCommerce websites.
5 minutes
-
Design
Air Alerts
Build sleek, custom alerts that float on the page. Great for providing success, error, and other types of alerts!
8 minutes
-
Design
Light & Dark Mode
Add a light and dark mode feature in your application. Let your users choose between which mode they want to use.
14 minutes
-
Design
Particles.JS
Add sleek particle design into your website. ParticlesJS is a javascript library that adds motion 'particles' that float around your screen.
11 minutes
-
Design
Pagination for Search Results
Add pagination for your search results. Users will be able to see 'X' amount of rows before they need to click to see the next 'page' of results.
10 minutes
-
Design
Alphabet Default Avatars
Show default avatars for your users until they upload their own. Like Google, you'll be able to display an avatar displaying the first letter of the user's name.
5 minutes
-
Design
Image Slider
Add a sleek image slider into your application for better design.
5 minutes
-
Design
Parallax Effect
Build a sleek parallax effect for your landing page images.
5 minutes
-
Design
Star Rating
Allow your users to rate things in your app with a star rating input. Great for a variety of use cases!
6 minutes
-
Design
Expanding FAQ
Learn how to build an expanding/collapsing FAQ section for your app (this tutorial isn't just limited to FAQ sections - you can build more features with this design).
11 minutes
-
Design
Build a Side Panel Menu
Learn how to build a sleek side panel menu structure in your app. Like most of the popular web apps today, your users will be able to select a menu item and see the content to the right.
25 minutes
-
Design
Onboarding Tour
Build an interactive onboarding tour for your users. Popular on many apps, you'll be able to give a tour of your app to your users and familiarize them with your site.
13 minutes
-
Design
Intro to Responsiveness
Learn how to approach responsiveness as a beginner on bubble. In this tutorial, we'll cover the basic concepts of how to start making your app responsive on desktop & mobile.
24 minutes
-
Design
Typewriter Text
Add a cool typewriter text UI element in your application. Like the one on our home page, you'll be able to add a text effect that shows characters being typed.
4 minutes
-
Design
Next