Convert to Material UI

[KaneFreeman]

Switch to material UI

[DavidWells]

This project looks cool. Thanks for this fork!

Quick question: What's the idea behind using MUI for this?

Those components are pretty beefy https://bundlephobia.com/package/@mui/[email protected] bundlesize wise.

Here are a couple of other potentially lighter-weight alternatives:

• https://github.com/mantinedev/mantine
• https://github.com/radix-ui/primitives
• https://github.com/ariakit/ariakit
• https://github.com/adobe/react-spectrum
• https://github.com/geist-org/geist-ui

Anywho, totally up to you, just thought I'd share some component libs that might help.

[KaneFreeman]

So the choice of Material UI comes down to a combination of my familiarity with the library (I have been using it for years), it covers a lot of the scenarios we need (and some I want to add) and my own personal preference towards Material Design in general.

Switching to it has allowed me to remove several other independent dependencies and drastically reducing the size of our own code base (as a lot of the styling previously was custom). This will help a lot with maintaining the code base. It also is build on top of @emotion which the repo was already using. And yes bundle size is a concern still and I am taking steps to reduce it at much as possible (see: https://mui.com/material-ui/guides/minimizing-bundle-size/).

Here are a few other benefits the library gives:

• Accessibility (a lot of effort has been put into the material ui library on this front, including great keyboard support for its components)
• Great support for mobile (which I am planning to add Mobile support #16 )
• Extremely easy to implement Dark mode (which is on my list to add eventually)

[KaneFreeman]

Resolved in #44