UI Grid is a data grid component for Angular, React, and Web Components. The tool addresses the need for a performant, feature-rich data grid by providing a modern rewrite of the original ui-grid library. It uses a vanilla web component core with Shadow DOM encapsulation, paired with thin framework-specific wrappers for Angular and React that project templates via slot-based portals. This architecture eliminates legacy dependencies while maintaining the familiar API surface of the original project, including gridOptions, columnDefs, onRegisterApi, and gridApi.core methods.
Developers should choose this tool if they need a data grid without licensing costs or enterprise tiers. The project suits teams already familiar with the original ui-grid API who want to migrate to modern frameworks, as well as new projects requiring a free, open-source grid component. The rewrite prioritizes eliminating accumulated technical debt from the original implementation, removing dependencies on older patterns like $scope, Bower, Grunt, and jQuery. All features ship under an MIT license with no monetization model, enterprise tier, or per-developer fees.
The project shows active development with ongoing work to support multiple frameworks through a unified web component architecture. The maintainer actively uses the tool in a related high-performance database project, indicating real-world validation of the implementation. Documentation and a live demo are maintained alongside the codebase, and a Discord community channel is available for user engagement.
