1

Hello guys :slight_smile:

When I started building on Bubble, my apps were really looking like 2000’s ones and I was never proud of them because of how ugly they were …
After doing a lot of research and thanks to a friend who works in design/communication I gather some really helpful website to build a beautiful website!

I wanted to share some new Bubblers (and why not some old ones) the best websites I gathered.

DRIBBLE
You may know it but it’s a great source of inspiration for UI design
https://dribbble.com/

An example if we search “dark theme”

image
image1895×564 209 KB

CHECKLIST.DESIGN
A collection of the best UX and UI practices / advices.
https://www.checklist.design/

You have access to a lot of pages / component checklist with great concrete inspirations

image
image1120×1426 75.7 KB

COLORINSPIRATION
Understand what color match each other is a real job, this website give you predefined color palettes, generate gradient, …
https://colorsinspo.com/

Preview of some tools

image
image2009×467 15 KB

image
image1924×1393 121 KB

FONTJOY
Generate font combinations with deep learning
https://fontjoy.com/

image
image1568×812 62.5 KB

SCREENLY
Generate modern and simple screenshots of your website
https://www.screely.com/

image
image1778×1190 211 KB

LOTTIEFILES
One of my favourites. Tons of free animations for your app with advanced customization.
https://lottiefiles.com/

ezgif.com-video-to-gif

LAWS OF UX
Laws of UX is a collection of the maxims and principles that designers can consider when building user interfaces.
https://lawsofux.com/

image
image1931×767 39.1 KB

Feel free to post your tools if you have some.
Also, special thanks to @ralphlasry as most of them come from him!
Cheers :upside_down_face:

22 Likes
2

Yeah. Those are basically where I get my ideas from too! Good list. :+1:

@j805 www.NoCodeMinute.com

For All Your No-Code Education Needs:

  • One-on-One Tutoring
  • eLearning Hub
  • Video Tutorials
  • No-Code Classes
3 Likes
3

All of those are great. Here are a few more resources that have really helped me lately:

https://refactoringui.com - UI / UX tips
tailwindcss.com - inspiration for modern UI
https://icons8.com - great free icons that you can customize with your own colours

They inspired my recent updates to these Bubble Templates:
https://thefreelandingpage.bubbleapps.io - free modern landing page
https://001thepremiumlanding.bubbleapps.io - dashboard with invoicing functionality

4 Likes
4

Thank you @gf_wolfer!

5

Fantastic guidance here. Bookmarked and thank you!

1 Like
6

Welcome :clap:

7

Telling someone they’re welcome 2 years after they thanked you is definitely one of the more creative ways to bump a really old post. Great job, @vnihoul77. :wink:

8

Ahah :shushing_face:
Just saw this post again randomly today and thought it was cool enough to bring it back to life

2 Likes