As a backend dev, how do I make frontend that doesn't suck? Any easy wins?

Design Tools Developer Tools Web Icons

Excalidraw Landing Page
1

Excalidraw

Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.
Pricing:
- Open Source
If you are the one designing the user interface, then try wireframing your designs 1st using a tool like excalidraw. Wireframing, or "low fidelity designs" are criminally underrated. They're super easy to create and modify and will help you make the hard decisions on how to design your UI. Things like hover effects and transitions are just icing on the cake. I re-wrote a website of mine this year and created some wireframes first before building the UI, and the process was so much easier and faster.

#Sketching #Digital Whiteboard #Digital Drawing And Painting 206 social mentions
Evie by unDraw Landing Page

2

Evie by unDraw

MIT licensed illustrations for your next project

What worked well for me was picking a UI framework (tailwindCSS) and then finding assets others have already made to go with it. Tailwind, for example, has HeroIcons and HeroPatterns. Combine that with some sort of illustrations like unDraw and you got pretty much everything you need.

#Development #Javascript UI Libraries #Tool 1 social mentions
Tailwind CSS Landing Page
3

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
What worked well for me was picking a UI framework (tailwindCSS) and then finding assets others have already made to go with it. Tailwind, for example, has HeroIcons and HeroPatterns. Combine that with some sort of illustrations like unDraw and you got pretty much everything you need.

#Developer Tools #Design Tools #Website Design 864 social mentions
Heroicons Landing Page
4

Heroicons

Beautiful, free SVG icons from the makers of Tailwind CSS.
Pricing:
- Open Source
What worked well for me was picking a UI framework (tailwindCSS) and then finding assets others have already made to go with it. Tailwind, for example, has HeroIcons and HeroPatterns. Combine that with some sort of illustrations like unDraw and you got pretty much everything you need.

#Web Icons #Vector Icons #Icon Fonts 66 social mentions