7 tools to build websites with better UI/UX design 😉

Some cool CSS-based tools are included

:one: First, use some basic UI/UX practices to build standard pages/features like login, buttons, dark mode, etc.
Use Checklist Design for a detailed checklist and resources on how to implement them.

https://www.checklist.design

image


:two: Choose a color theme based on your project idea. Use Coolors to explore some cool palettes.

https://coolors.co

image


:three: Create beautiful mesh gradient backgrounds using Mesher.

https://csshero.org/mesher/

image


:four: CSS Grid Generator makes it easier to bring those crazy layouts to life.

https://cssgrid-generator.netlify.app

image


:five: “Iconify” provides a plethora of emojis and icons that you can use in your web project to make it more visually impactful.

https://icon-sets.iconify.design

image


:six: Illustrations by Icons 8 can add to your website’s aesthetics and visual design.

https://icons8.com/illustrations

image


:seven: “Fonts in Use” is my go-to site to find typeface pairings used by some well-designed websites.
Alternatively, you can also browse google fonts to choose the right type for your project use case.

https://fontsinuse.com

https://fonts.google.com

image


Share it with your friends if you think this might be helpful…! :relaxed:

5 Likes

ලස්සන templets download කරගන්න මොනාද තියෙන්නේ sites

1 Like
2 Likes

Thank you :heart:

2 Likes

මරු. :slightly_smiling_face:

2 Likes

:smiley:

1 Like

Note the designs presented in most of these sites are copyrighted. It’s best if you use them only for inspiration.

5 Likes

:black_heart: හැම එකක්ම pinterest වලින් download මෙච්චර කාලයක් බාපු මම

3 Likes

Thanks. :heart:

2 Likes