ULTIMATE UI Design Reference Guide

Hello Bubblers,

I noticed many Bubble apps have great functionality but not always the best UI/UX. Here is a quick reference to help.


Great in-depth info graphic guide on today’s design trends.


Animated Fonts:
Animated text is great for revealing your name or as a loading image.
A great platform to buy premade animated text is:
https://animography.net/ (After Effects CC required)

Dafont ( Recommended - Free ): http://www.dafont.com/
FontSquirrel ( Free ): https://www.fontsquirrel.com/
CreativeMarket ( High-quality premium fonts - Price Varies ): https://creativemarket.com/


Failing to prepare is preparing to fail, get your prototype how you want and spend less time on development mistakes.

Wireframe.cc ( $15/month - 7 day free trial ): https://wireframe.cc

InVision ( Recommended - Free ): https://www.invisionapp.com/
Marvel ( Recommended - Free ): Marvel | Explore our Digital Design Platform Features
Sketch (Mac only - $99 one time): https://www.sketchapp.com/
Adobe XD (In Beta - Windows 10 - Free for now): https://www.adobe.com/products/experience-design.html
Adobe Photoshop ( $19.99/month - Least efficient of the bunch but still good ): http://www.adobe.com/products/photoshop.html


Inspiration is key in UI/UX design, sometimes you might find a design idea that you would have never thought of! Keeping yourself motivated and inspired during design is also important (also makes it really fun!).

Dribbble ( All kinds of graphic design ): https://dribbble.com/
Behance ( All kinds of graphic design ): https://www.behance.net/
UpLabs ( Specifically UI and UX design ) : https://www.uplabs.com/
Awwwards ( Website Design Awards ): https://www.awwwards.com/

Icons and Stock Photos

All websites need either icons or stock photos to add life in their design. Unless you plan on doing all the icons/photos yourself (more power to you) then these might be some good resources.

Pexels ( Incredible Quality Photos - 100% Free ): https://www.pexels.com/
FlatIcon ( Great Icon Collection - $10/month ): http://www.flaticon.com/
Icons8 ( Recommended :grinning: - Consistent Icon Style - $19.99/mo. ): https://icons8.com/


Udemy ( Learn how to use the programs above - Price Varies ): https://www.udemy.com/
Ramotion (Device Mockups - Price Varies ): https://store.ramotion.com/
FlatUiColors (Simple Flat UI Color Guide - 100% Free ): https://flatuicolors.com/

Thank you all for reading! Have a suggestion? Want to show off some of your UI? Reply to this below! :blush:

Nic & Dominick @ Codurly

Interested in having Codurly develop or design your Bubble app? Visit our website.



I know a lot of people are struggling with beautiful UI for their apps. While this post is about a year old it holds great value. Another amazing inspiration/ideas for great design can be found here:

Just search the features you want to see designed.

Thank you,