The KendoReact Layout package provides a collection of customizable, responsive, and interactive UI components designed to help you create intuitive, easy-to-navigate application layouts for your web projects. The rich configuration options provided by these components give you the flexibility needed to meet any project requirements.
Use React Layout for FreeYou can use the free components from the React Layout package in production—no sign-up or license required. Layout is part of KendoReact, an enterprise-grade UI library with 120+free and premium components. To test-drive premium components,start a 30-day trial.The KendoReact Layout components are native KendoReact components built specifically for the React ecosystem and distributed via npm.
The package includes a rich selection of fully configurable UI components that help you define the structure, arrangement, and alignment of content in your web applications.
The following React layout components are available for use without a commercial license.
The following components require a commercial license.
The KendoReact Layout components provide the following key features. Note that this is not an exhaustive list.
The KendoReact Layout components provide bothfree React layout components and premium layout components which require a commercial license key or an active trial license key. If you need to develop apps using thepremium React layout components or other premium KendoReact components and features, follow the instructions on theMy License page to activate your license.
The KendoReact Layout components are built natively for React, with no dependencies. They leverage key React concepts such as components-based architecture, props and state management, conditional rendering, and event handling.
You have complete control over your React layout components and you can extend or override their default behaviors and appearance via props and event handlers.
You can combine multiple KendoReact components with the React layout components in the same application, for example:
The Layouts package is a dependency for multiple other KendoReact components.
Based on the frameworks and technologies used in your project, you can combine UI components from different Telerik and Progress suites.
The KendoReact Layout components provide bothfree React layout components andadvanced latyout components which require a commercial license key or an active trial license key.
You can start using the free components without any license or registration with Progress or Telerik.
To create a layout component, you need to install the KendoReact Layout package and then import the respective layout components in your application. After that, you can use the various layout components in your React application. For more information, refer to theGetting Started with the KendoReact Layout article.
If you want to use any of the advancedReact layout, UI components, or component features, you need a valid commercial license or an active trial license. Afree trial is available, if you want to try out the advanced features before purchase.
For any questions about the use of KendoReact Layout components, or any otherKendoReact components, there areseveral support options available:
KendoReact license holders and anyone in an active trial can also take advantage of the outstanding KendoReact customer support delivered by the developers who built the library. To submit a support ticket, use the Telerik support system.
Need something unique that is tailor-made for your project? Progress offers itsProgress Services group that can work with you to create any customized solution that you might need.