I replaced Bootstrap with Material-UI during the front-end UI development, because Material-UI adopts a component-based importing style, making it suit well in a "React programming style". This makes me comfortable when programming because I can treat importing UI components as other React components I define.

I do prefer to write things from scratch however when it came to wanting to jump-start the frontend, I found that it was taking me a lot longer hence why needing to use something very fast.

Bootstrap was the boom when it came out, I didn't like it, to be honest, set in its way and a pain to over-ride and in addition, you can tell from a distance if you're using boostrap and as everything looks the same.

I came across Tailwind CSS as I wanted more dynamic features, you could say, I've been now doing it for a few days and I love it a lot. I've been practising with the full stack part installed but I an't we wait until I do a new project, and I'll e able to select exactly what I want. Much faster.

I find the Tailwind provides a lot for flexibility in how we approach design for Mojinxo, while still giving me the benefits of a defined framework and centralised configuration. With tailwind we can create something that is very much Mojinxo and not just a carbon copy of every other site using Tailwind, which is what I find tends to be the case with Bootstrap and Bulma.

There is a tradeoff in familairity for users, especially with Bootstrap where users just 'know' how a site will work based on the card display, the common navigation look and feel and the slide-out burger menus.

The icing on the cake is definitely size. Tailwind is just so small, effective and easy to pick up.