Start Building Professional
Web Apps Today

Latest update: version 4.6 Download Suite Download as a part of dhtmlxSuite Standard Edition

dhtmlxLayout is a JavaScript component that provides a powerful and efficient way to build Ajax-enabled web interfaces with ease. This component allows you to programmatically define interface structure, including the layout of elements and their sizes. The end users can easily resize, collapse or expand these interface elements.

dhtmlxLayout provides a high level of integration with other DHTMLX components such as Grid, Tree, Windows, Menu, and others. The components can be integrated both globally for the application and separately for each layout pane. All DHTMLX components have a slick and clean look which can perfectly match the design of any modern website or app.

Click to open Demo Application View demo apps based on dhtmlxLayout

Live demo


Choose layout schema:
Choose skin:
Show Headers

Choose a layout scheme and set one of the available skins for it.
You also can set any color scheme for a chosen skin with Online SkinBuilder

Using dhtmlxLayout, you can build sophisticated web interfaces in a simple and convenient way. Starting from version 4.0, dhtmlxLayout has been completely overwritten and significantly improved to provide faster rendering.

dhtmlxLayout provides the ability to easily detach an object from its pane and adjust its size dynamically to a parent container on the page. The component also allows you to easily create custom layout patterns and define the UI structure of your app. dhtmlxLayout works perfectly well in all main web browsers (IE, FF, Safari, Opera, Chrome).


  • Cross-browser (IE, FF, Safari, Opera, Chrome)
  • Single-command integration with DHTMLX components
  • Full screen/window modes
  • Resizable items
  • Collapsible items
  • Dock/undock the layout cell in a window
  • A wide set of predefined layout patterns
  • The ability to create custom patterns
  • Add header/footer
  • Predefined skins, inherited by included components
  • Rich script API
  • Integration with Google Maps
View Feature Details


dhtmlxLayout is available in Standard Edition only. Download and use dhtmlxLayout for free under GNU GPL, or buy a Commercial or Enterprise License to use this component in a non-GPL application or website and get official support.


Open Source - GPL - Allows the use of dhtmlxLayout in GPL-licensed projects for free. Download

Commercial License* ($49) - Allows you to use dhtmlxLayout in one project (application) with an unlimited number of copies. With this license, you receive 1 month of technical support (or 5 support requests within 12 months). Buy it

Enterprise License* ($99) - Allows you to use dhtmlxLayout in an unlimited number of projects on the condition that all of them are developed by one company. Free support and upgrades are provided for the first 12 months. Buy it

*dhtmlxLayout is included in dhtmlxSuite. When purchasing a Commercial or Enterprise license for dhtmlxSuite, you get dhtmlxLayout included for free. Buy dhtmlxSuite - Ajax/JavaScript UI LibraryBuy it