---
dimension: design-quality
---
I have been searching for the best data grid base for a long time. I have tried various free and paid versions, and they all just missed the mark in one way or another. Until X-Grid! It's still relatively new, but it hits all the marks right out of the gate. It's written using FP and TS and easy to read and extend. I am so happy with it that I am refactoring my production code on a holiday weekend! I hope to contribute to the cause as well. Well done!
---
dimension: code-quality
---
Best REACT solution available, renders 3,000,000 fully customizable virtualizeable cells in seconds, docs and team are simply outstanding in quality!
---
dimension: code-quality
---
If you're on the fence about whether you should get this or look for any of the other options out there that function as filler for the Pro qualities, just get this. The code quality, support, and documentation make this a no-brainer.
---
dimension: flexibility
---
Useful, but I have some scaling issues with many components like text inputs and text area. Some have a fixed width and height, and others are based on the content size. Not very useful for a text input.
Some components have repitition and could use the repeat grid to make it easier to change the spacing and to edit quickly.
Still worth the buy since it saved me a lot of time.
---
dimension: code-quality
---
I'm amazed by the perfect combination of simplicity and customizability. It's so easy to get up and running out of the box by simply defining your column and row data and they take care of the rest for you. Then as you need more customizability, refer to the API documentation for quite literally anything you could ever want or need. It's also so performant with large data sets thanks to their use of virtualization. This is without a doubt the best solution for the tabulation of large datasets within the React ecosystem!
---
dimension: customer-support
---
I like it. It's not perfect, but it's getting there and these guys are always on it when stuff comes up. Saves time for sure. One thing I would say is that for those devs that contribute or have helped add value in some way to MUI, it might be nice to get access to this on an open source license.
---
dimension: design-quality
---
Really well made sketch library, easily worth the money. I'm making changes of course, but this saved my team probably 70 hours of work.
---
dimension: code-quality
---
Very performant, which was a pleasant surprise, and quite comprehensive in its functionality. Definitely the best react data grid available right now.
---
dimension: feature-availability
---
While component is still in development it is feature rich and performance is suitable for larger datasets. Added bonus is perfect fit with the rest of Material-UI components :-)
---
dimension: bugs
---
Theme works great but some of the icons only show a blank box instead of the vector. I think this is due to a layer ordering issue where the bounding box is above the vector icon itself. Workaround is to turn off the bounding box, but all the icons should work plug and play. Only reason I dropped it from 5 to 4. Otherwise this has sped my designs up incredibly well and I am overall very satisfied with the library.
Thanks for the feedback. We have fixed it in v4.13.0. The warning about the 20,000 layers was specific to the data table component. It came from a large number of embedded component states. The kit was created on a 2015 MacBook Pro, and its performance was good enough for daily usage, at least in our experience.
---
dimension: design-quality
---
It is really slow to use - warns about the number of layers in components (over 20k) - hangs too many times as a result
---
dimension: design-quality
---
This is the best $69 I've spent on my startup. I wish I had this kit when I first learned Figma. This kit is such a great equalizer for new and upcoming designers. The quality of the kit (v4.13) can't be overstated: it's got wonderful organization and the implementation of Variants is well executed. Support is prompt to respond with questions and comments. You won't regret purchasing this bangin kit.
Thanks for the feedback, and sorry that you weren't able to use this with Zeplin. The issue should have been fixed in v4.13.0.
As discussed, the symbols were implemented in Sketch using a "master symbols" approach: https://medium.com/ux-power-tools/a-better-way-to-make-buttons-in-sketch-6c23470f27c. Since it appears to be an issue with Zeplin, we would suggest reporting it to them, or perhaps trying a different hand-off solution, such as Sketch Cloud or InVision.
---
dimension: code-quality
---
This is a great tool to spin things up quickly -- but it exports poorly to any tools we need to share with developers. So poorly that it's unusable to get hi-fi wireframes done quickly without tearing the library apart.
---
dimension: bugs
---
Overall an excellent tool for quick prototyping. Unfortunately, the tinted groups do not work correctly in sketch.cloud, resulting in the wrong colour being used for things like primary buttons.
---
dimension: feature-availability
---
I am making a small product, I have looked at many alternatives for displaying data in a table. But X-Grid is cool in terms of performance. in ease of use. I am very grateful for your work!
Dan Cernogorsky –
--- dimension: design-quality --- I have been searching for the best data grid base for a long time. I have tried various free and paid versions, and they all just missed the mark in one way or another. Until X-Grid! It's still relatively new, but it hits all the marks right out of the gate. It's written using FP and TS and easy to read and extend. I am so happy with it that I am refactoring my production code on a holiday weekend! I hope to contribute to the cause as well. Well done!
rmourey_jr –
--- dimension: code-quality --- Best REACT solution available, renders 3,000,000 fully customizable virtualizeable cells in seconds, docs and team are simply outstanding in quality!
Drew McManus –
--- dimension: code-quality --- If you're on the fence about whether you should get this or look for any of the other options out there that function as filler for the Pro qualities, just get this. The code quality, support, and documentation make this a no-brainer.
Olivier Tassinari –
Thanks for the feedback, we have fixed it in v4.13.0
Jean-Pierre Vaillancourt –
--- dimension: flexibility --- Useful, but I have some scaling issues with many components like text inputs and text area. Some have a fixed width and height, and others are based on the content size. Not very useful for a text input. Some components have repitition and could use the repeat grid to make it easier to change the spacing and to edit quickly. Still worth the buy since it saved me a lot of time.
Seth McCullough –
--- dimension: code-quality --- I'm amazed by the perfect combination of simplicity and customizability. It's so easy to get up and running out of the box by simply defining your column and row data and they take care of the rest for you. Then as you need more customizability, refer to the API documentation for quite literally anything you could ever want or need. It's also so performant with large data sets thanks to their use of virtualization. This is without a doubt the best solution for the tabulation of large datasets within the React ecosystem!
Will Squire –
--- dimension: customer-support --- I like it. It's not perfect, but it's getting there and these guys are always on it when stuff comes up. Saves time for sure. One thing I would say is that for those devs that contribute or have helped add value in some way to MUI, it might be nice to get access to this on an open source license.
Olivier Tassinari –
The issue should have been fixed in v4.13.0.
Andrew Bacon –
--- dimension: design-quality --- Really well made sketch library, easily worth the money. I'm making changes of course, but this saved my team probably 70 hours of work.
Benson Ho –
--- dimension: code-quality --- Very performant, which was a pleasant surprise, and quite comprehensive in its functionality. Definitely the best react data grid available right now.
Mladen Baranek –
--- dimension: feature-availability --- While component is still in development it is feature rich and performance is suitable for larger datasets. Added bonus is perfect fit with the rest of Material-UI components :-)
Olivier Tassinari –
Thanks for the feedback. We have taken care of the issue in v4.14.0.
John Bishop –
--- dimension: bugs --- Theme works great but some of the icons only show a blank box instead of the vector. I think this is due to a layer ordering issue where the bounding box is above the vector icon itself. Workaround is to turn off the bounding box, but all the icons should work plug and play. Only reason I dropped it from 5 to 4. Otherwise this has sped my designs up incredibly well and I am overall very satisfied with the library.
Olivier Tassinari –
Thanks for the feedback. We have fixed it in v4.13.0. The warning about the 20,000 layers was specific to the data table component. It came from a large number of embedded component states. The kit was created on a 2015 MacBook Pro, and its performance was good enough for daily usage, at least in our experience.
Riaz Kanani –
--- dimension: design-quality --- It is really slow to use - warns about the number of layers in components (over 20k) - hangs too many times as a result
Trenton Triola –
--- dimension: design-quality --- This is the best $69 I've spent on my startup. I wish I had this kit when I first learned Figma. This kit is such a great equalizer for new and upcoming designers. The quality of the kit (v4.13) can't be overstated: it's got wonderful organization and the implementation of Variants is well executed. Support is prompt to respond with questions and comments. You won't regret purchasing this bangin kit.
Olivier Tassinari –
Thanks for the feedback, and sorry that you weren't able to use this with Zeplin. The issue should have been fixed in v4.13.0. As discussed, the symbols were implemented in Sketch using a "master symbols" approach: https://medium.com/ux-power-tools/a-better-way-to-make-buttons-in-sketch-6c23470f27c. Since it appears to be an issue with Zeplin, we would suggest reporting it to them, or perhaps trying a different hand-off solution, such as Sketch Cloud or InVision.
Katherine Garrigan –
--- dimension: code-quality --- This is a great tool to spin things up quickly -- but it exports poorly to any tools we need to share with developers. So poorly that it's unusable to get hi-fi wireframes done quickly without tearing the library apart.
Patrick Dryburgh –
--- dimension: bugs --- Overall an excellent tool for quick prototyping. Unfortunately, the tinted groups do not work correctly in sketch.cloud, resulting in the wrong colour being used for things like primary buttons.
Max Maximov –
--- dimension: feature-availability --- I am making a small product, I have looked at many alternatives for displaying data in a table. But X-Grid is cool in terms of performance. in ease of use. I am very grateful for your work!