๐จ 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, CSS Modules, 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 and CSS-in-JS 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/w2 years
