Hi Lily,

I'm sorry for the delay, your comment managed to slip under my radar!

I think that OxyNinja is a bit easier to use and the workflow is very natural in Oxygen as it was developed with more of an "Oxygen-first" mindset if you will. OxyNinja has exactly what you need for a majority of utility class use cases. OxyMonster is a little trickier to use due to the slightly lower level syntax, but with OxyMonster you have the opportunity to add more than twice as many total utility classes for more use cases than OxyNinja. A vast majority of users will rarely or never need these additional classes, but the option is nice to have as they can be added modularly.

I think I would probably recommend OxyNinja to most Oxygen users because it is sufficient for 99% of use-cases, comes with a great design set, and the developer has a very proven track record. For developers coming into Oxygen with past experience using Tailwind I would highly recommend OxyMonster as they will feel right at home using it since OxyMonster is essentially a 1-to-1 port of Tailwind. I would also recommend it for the people who see value in the additional classes that OxyMonster adds for more niche use cases.

Ultimately, I think it's going to come mostly down to personal preference as both products work great and can seriously improve your workflow. Personally, I have continued to use OxyNinja after testing OxyMonster, but I could happily use either one.

So do you know how OxyMonster stacks up against OxyNinja? It would be interesting to see how they are similar / differ and if one is better than the other?

Lily

Hi there! I haven't tried using Bootstrap in Oxygen, but I did use Bootstrap for a while before I started using builders for most of my work.

All in all, using OxyNinja is very similar to using Bootstrap. If you're already experienced with one CSS framework you won't really have trouble learning to use OxyNinja.

One of the biggest reasons to use OxyNinja for me is how OxyNinja is integrated directly into oxygen meaning the classes aren't just all pasted into a style sheet. They are actually all added into Oxygen and you can edit them with the Oxygen editor and they all appear in the combobox drop down when you start typing a similar name. Things like colors for example are also integrated so you can use Oxygen's global colors. .bg-light for example will add whatever color you set as the Light Background color in the global color styles for OxyNinja Core.

Ultimately I don't think one is all that faster than the other, but OxyNinja is probably a little quicker just because it's integrated with Oxygen making it a little smoother in the work flow.

OxyNinja doesn't have the JS components that Bootstrap has but I never used those anyway.

I'm not sure what the weight of bootstrap is, but OxyNinja adds about 40kb if I remember correctly.

You might also want to check out my post on OxyMonster which integrates Tailwind with Oxygen.

I'm trying for find the best CSS framework for oxygen.
And I've got a question.

Did you tried the basic elements of bootstrap for the grid ? they are freely available for oxygen.

Look at this video : https://www.youtube.com/watch?v=Jj9wXV2eu1w

How do you think it perform in comparison of oxyninja ?

Is it the same way to use them, which one is faster ?Specially because I'm already used to use bootstrap…

Thanks!