Coming from Angular 2/4 and using Material 2, I always find it odd that frameworks outside of Angular use Material like UI frameworks, I always stop to check them out, but I have not found them to be close to parity with Angular’s Material.
With that said as someone who is very picky about UI/UX, if I was using React I would no doubt be very drawn to Grommet! Not only does it have a great suite of components that I would assume work great with React (I don’t know this, I don’t build React apps) but the UX decisions are the type of thing I look for in a UI Framework.
To answer someone elses question, isn’t Grommet a UX design practice, not a UI framework. I would say it is both. Just like Google has a Material specification, Angular Material 1 and Angular Material 2 are implementations of this specification.
Grommet, appears to be a UI framework that was built around a set of UX standards as all UI frameworks should be. Without this opinionated foundation of how things should be done, a UI framework may have certain components that stray from consistent UX decisions. By having this standard setup they can build their version of the implementation as a UI framework and make that available to you. But I would look at these two pages as being different things:
1: Grommet UX standards and best practices:
2: Grommet UI Framework:
If we look at (1) we see something similar to Google’s Material Design Guidelines:
And (2) is more like, here is our preferred implementation of those guidelines, similar to Angular Material:
If anyone views this differently, I would love to hear your opinion, I know that perfect parallels cannot be drawn in this comparison, but I think it’s a solid way to look at Grommet and what they are doing and it makes me happy that there is a framework for React developrs that has put this much thought into a UX standard and an implementation of that standard as a UI framework!
Final Opinion: “Grommet is dope!, if I were a React developer it would be top of my list”