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

• excalidraw

  373 72,707 9.5 TypeScript

  Virtual whiteboard for sketching hand-drawn like diagrams

  

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.

• design-resources-for-developers

  43 56,120 8.0

  Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more

There is an immense amount of pre-made resources out there that are sure to fit your use cases. Repositories such as this one are great for finding graphics and UI elements to spice up your frontend.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• Tailwind CSS

  1,277 78,166 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

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.

Suggest a related project