UI design
Creating a hero section for your web app page in Bubble.io
In this Bubble.io tutorial we demonstrate how to create a 2 column hero section using the new Bubble responsive engine. This tutorial video includes how to create a layout that has 2 columns with the text and image element.
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.
How to customize buttons in Bubble.io and button UX tips
In this Bubble.io tutorial video we demonstrate how to customize button elements in the Bubble UI editor. We also discuss why using a hover effect can improve UX (user experience) for your app users.
How to import Figma template into Bubble
In this Bubble.io tutorial video, we explain how to quickly import a Figma template into Bubble.io and the reasons why you might decide to manually build the design instead.
How to create a responsive header and dropdown menu bar
In this Bubble.io tutorial we demonstrate how to create a responsive header bar and dropdown sub menu for your Bubble app.
How to import a Figma design into Bubble step by step guide
In this Bubble.io tutorial video we demonstrate how to work with Figma and Bubble.io and the new responsive engine.