๐จ HTML/CSS UI
One of the best things about building games using the web platform is the ability to use HTML and CSS to create the UI of your game. You get great accessibility for free and can use all the tools and libraries available in the CSS ecosystem. HTML and CSS are not topics specific to web game development, so I won't get into too much detail, but let's list some options to create design systems and UI components for your game.
There are tons of ways to write CSS, including plain CSS, preprocessors like Sass (opens in a new tab), CSS Modules (opens in a new tab), and CSS-in-JS. There are also a ton of component libraries, all with different approaches, supported UI libraries, and features. I cannot possibly list them all, so I will list the ones that currently seem to be the most popular, focusing mainly on the React and Tailwind ecosystems.
See the State of CSS Survey pages on CSS Frameworks (opens in a new tab) and CSS-in-JS (opens in a new tab) for interest and retention details.
Foundational libraries
- StarsNPMTSMaintained
- Tailwind74k7M/w74k7M/w
- Emotion17k8M/w17k8M/w
- 40k6M/w
- Vanilla Extract9k530k/w9k530k/w
- UnoCSS14k96k/w14k96k/w
- Panda4k34k/w4k34k/w
- 6k2k/w
- Open Props4k18k/w4k18k/w
- Stitches8k96k/w8k96k/w1 year
Unstyled component libraries
Component libraries
See more libraries for 
Vue (opens in a new tab), 
Svelte (opens in a new tab), and 
React (opens in a new tab).