Why use UI library?

• Extensive components to grab off the shelf
  • Battle tested, support accessibility
• Ability to customize/extend

Considerations

• e.org is fairly simple overall

  • No user auth, no complex forms or interactions

• As a result, creating design system doesn’t need to be as extensive

• Paid versions?

  • e.g. Chakra has components available as pro features

• [x] Research options

  • What criteria should we evaluate options?
    • Must have:
      • React, TS UI libraries
    • Nice to have:
      • styled-components support (given our codebase already uses that)
    • Considerations
      • component depth (does it have all the components we think we'll need?)
      • community (is it well maintained? is there good documentation & support?)
      • tech stack (does it fit well within our current stack? or will it require significant refactors to use e.g. new CSS libraries?)
      • design systems (are there Figma community design systems that use this UI library? that could potentially save us a bunch of time by allowing Nuno to grab an existing solution off the shelf to serve as our foundation, then customizing from there)
  • Compile list of options & features

• [x] Create proposal, discuss with team

• [x] Align on library: Chakra