This is a collection of web design resources I keep coming back to. This is not meant to be an exhaustive list.

Jumpstart

• 7 Practical Tips for Cheating at Design
• 6 Tips that Will Improve Your UI Typography
• Practical Color Theory for People Who Code
  • Based on that: My color scheme generator
• Hero Icons (a great icon set for most purposes)
  • Also Hero Patterns (SVG background patterns)
• Undraw (a bit worn, but still great if you need free generic illustrations)
• Google Fonts

Nuggets

• Little UI Details [Twitter]
• Collection of visual design techniques

Rabit Holes

• Spark Joy [Github] (fantastic list of web design tools, inspiration, and more)

Libraries/Tools

• Tailwind CSS (CSS framework)
• Tailwind UI (payed, tailwind CSS based UI components)

React

• Auto Animate (Automatically animates child elements that move/appear/disappear)

New Comers

Not, yet, proven to me, but they have potential:

• Tabbied (pattern generator)
• Fonts In Use (find fonts that go well with your base font)
• Visual design rules you can safely follow every time