Investigate best components library

[dib542]

As a developer:

• we would like to use a component library to do some basic UI heavy lifting for us (eg. Card, Modal, Dropdown components)
• but we would like to not have to change React component libraries after a designer comes into the company and creates some nice designs

---

Our options are basically:

• make all our own base components from scratch (using TailwindCSS and our own JS)
  • PancakeSwap has done this, created their own entire component library
  • Flowbite is also an example of components made with Tailwind (and a little custom JS) where we could build on this to define our own components
• extend a basic component library like
  • Rebass
  • Elemental
  • UniSwap has done this
• use a full featured component library, like:
  • Tailwind components ($1,098.90 AUD) (why though when everything else is free)
  • Chakra
  • Ant Design
  • Semantic UI
  • PureCSS (no JS, not React components, purely class names)
  • BlueprintJS
  • Prime
  • Bootstrap
  • UIKit is not React friendly
  • Foundation is not React friendly

[dib542]

Decent discussion on usage of Tailwind: https://www.reddit.com/r/reactjs/comments/opag9o/is_tailwind_any_benefical_for_react_js_if/

[dib542]

Todo:

• checkout bunch of other swap exchanges and central exchange to see their base components.
  • see what kind of components will be needed
  • determine if we can reasonably (fast) make our own component library for our own style.