NEW VERSION RELEASED! Webix 11 Read More Core Updates, Extended Functionalities in SpreadSheet and File Manager and more
Download
Complex widgets
Data widgets
Visualization widgets
Control widgets
Navigation widgets
Windows and popups
Layouts

JavaScript GridLayout UI widget

The GridLayout widget is designed for precise and effortless positioning of UI components within a grid. You can set your own sizes for grid cells and the number of grid rows and columns. Each UI component can span one or several grid cells.

Download JS GridLayout

live demo

Dashboard
Products
Reports
Archives
Settings

1.234K
Users

234
New

1000K
Likes

  • Integration: jQuery, Angular, React, Vue.js, Backbone
  • Support of All Modern browsers
  • Samples of PHP, Node.js, .NET integration
  • Ready for Touch Devices
  • Meets Section 508
  • Quick styling with CSS

Functionality

Easy and precise positioning

Create a grid with any number of rows and columns and place your widgets inside the grid.

Dashboard
Products
Reports
Archives
Settings

1.234K
Users

234
New

1000K
Likes

Dynamic UI modifications

Add, move, and delete components from the grid. Apart from creating each component individually, you can define schemes for adding dynamic components.

Dashboard
Products
Reports
Archives
Settings

Saving and restoring UI state

GridLayout API also allows saving and restoring the current position of UI widgets within GridLayout.

Dashboard
Products
Reports
Archives
Settings

Create rich user interfaces with Webix UI library

Download Free Trial
info@webix.com
© 2013-2025
All product and company names herein may be trademarks of their respective owners.
Rating 4.8
based on reviews of 47 customers