dhtmlxLayout is an effective and highly customizable tool to specify the main scheme of your application or web page.
Our React layout component allows defining the interface structure, arranging blocks with content and setting their
sizes. You can build horizontal, vertical and mixed layouts where both rows and columns are used.
Rich API to control React page layout
DHTMLX enables building a custom layout with a complex structure by including nested rows and columns. Cells can contain
any HTML content as well as any DHTMLX components you want. Our advanced API allows adding, removing, hiding, and
showing cells. You can collapse and resize columns and check their visibility on the fly.
Complete customization via CSS
Our users are able to enhance the appearance of a basic React Material layout. The width and height of a cell are
entirely modifiable. You can add headers together with particular icons and images. Besides, the desired look and feel
is achieved via CSS. Just add new CSS classes with custom settings thus styling any cells you want.
Additional support for Angular and Vue.js
As a part of the Suite UI library, the DHTMLX Layout component can be used in applications based on the top three
current frameworks such as React, Angular, and Vue.js. You can try out our progressive dhtmlxSuite by downloading a free
30-day trial version.
Support & Learning Resources
We provide comprehensive documentation with technical samples. Moreover, our dedicated support team is fast and qualified. Find the suitable way to get support: