A collection of free website to build a modern and elegant design

vnihoul77 · 2020-08-07T08:48:51.948Z

Hello guys

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”

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

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

image2009×467 15 KB

image1924×1393 121 KB

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

image1568×812 62.5 KB

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

image1778×1190 211 KB

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

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/

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

J805 · 2020-08-07T09:53:54.743Z

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

@j805 www.NoCodeMinute.com

For All Your No-Code Education Needs:

One-on-One Tutoring
eLearning Hub
Video Tutorials
No-Code Classes

gf_wolfer · 2020-08-07T15:29:06.901Z

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

vnihoul77 · 2020-08-07T16:07:49.968Z

Thank you @gf_wolfer!

SerPounce · 2020-08-07T16:40:40.334Z

Fantastic guidance here. Bookmarked and thank you!

vnihoul77 · 2022-08-20T14:16:28.106Z

Welcome

mikeloc · 2022-08-20T14:37:48.577Z

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.

vnihoul77 · 2022-08-20T15:16:21.248Z

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