Research standards-based frameworks for web UI components

[brylie]

Idea summary

We need a standards-based (i.e., CSS, HTML, and Web Components) approach to defining UI components.

Further details

Constraints

Any UI design system pattern library or framework adopted by this project should be:

• simple (avoid build tools and other complexities if possible)
• standards-based (use only CSS, JS, HTML, Web Components, and related standards defined by W3C/WHATWG)
• batteries-included (would ideally provide ready-made components rather than more primitive "utilities")
• decluttered (HTML templates should remain pretty clean without a lot of aesthetic descriptors)
• fully open source (no pro version upgrades or proprietary components)

Note: our design mockups use Material Design so a material design library may be desirable.

Task

• research standards-based tools/frameworks for creating UI design systems
• locate any existing component libraries/design systems that we may use, with the ability to modify them as needed
• document/discuss your findings in this issue so we can compare the options