# devextreme-ui-templates-gallery

**Repository Path**: mirrors_DevExpress/devextreme-ui-templates-gallery

## Basic Information

- **Project Name**: devextreme-ui-templates-gallery
- **Description**: DevExtreme UI Template Gallery
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-06-16
- **Last Updated**: 2026-03-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# DevExtreme UI Template Gallery

This repository includes responsive UI Templates for the most popular UI/UX patterns in web LOB applications. These templates are available for Angular, React, and Vue.

![DevExtreme UI Template Gallery](/images/ui-template-gallery.png)

Take a look at the **online** gallery here:

|         | Material | Fluent | Generic |
|---------|:--------:|:------:|:-------:|
| **Angular** | [x](https://devexpress.github.io/devextreme-ui-template-gallery/material.blue.light.compact/angular/default/#/crm-contact-list) | [x](https://devexpress.github.io/devextreme-ui-template-gallery/fluent.blue.light/angular/default/#/crm-contact-list) | [x](https://devexpress.github.io/devextreme-ui-template-gallery/generic.light.compact/angular/default/#/crm-contact-list) |
| **React** | [x](https://devexpress.github.io/devextreme-ui-template-gallery/material.blue.light.compact/react/default/#/crm-contact-list) | [x](https://devexpress.github.io/devextreme-ui-template-gallery/fluent.blue.light/react/default/#/crm-contact-list) | [x](https://devexpress.github.io/devextreme-ui-template-gallery/generic.light.compact/react/default/#/crm-contact-list) |
| **Vue** | [x](https://devexpress.github.io/devextreme-ui-template-gallery/material.blue.light.compact/vue/default/#/crm-contact-list) | [x](https://devexpress.github.io/devextreme-ui-template-gallery/fluent.blue.light/vue/default/#/crm-contact-list) | [x](https://devexpress.github.io/devextreme-ui-template-gallery/generic.light.compact/vue/default/#/crm-contact-list) |

Use the left menu to navigate through the views.

The UI Templates have responsive layouts with DevExtreme UI components. Note that the components use sample data entities without any business logic. You can use these UI Templates in your project and adapt them to your specific business requirements.

## License ##

**DevExtreme UI Template Gallery is released as a MIT-licensed (free and open-source) add-on to DevExtreme.**

Familiarize yourself with the [DevExtreme License](https://js.devexpress.com/Licensing/). [Free trial is available!](http://js.devexpress.com/Buy/)


## Get Started

To run these UI templates on your machine, clone this repository and run the following commands in the root folder:

### Angular

    npm install
    cd packages/angular
    npm run start

### React

    npm install
    cd packages/react
    npm start

### Vue

    npm install
    cd packages/vue
    npm run serve

Open the application on the local server.

## How It is Organized

Navigate to the folders linked below to get the code for each template.

- [Angular](packages/angular/src/app/pages/)

- [React](packages/react/src/pages/) 

- [Vue](packages/vue/src/pages/)