RTL Support - A curated list with RTL UI Kits 
Tags: webdev, rtl
Published: 2020-12-01 19:01:28

---
title: RTL Support - A curated list with RTL UI Kits 
published: true
description: A curated list with UI Kits that provide RTL support out-of-the-box
tags: webdev, rtl
cover_image: https://raw.githubusercontent.com/ui-themes/rtl-support/main/media/rtl-support-black-dashboard.png
---
Hello coders, 

Using RTL in web applications might provide a better user experience from Arabic countries and based on this fact I decided to build a curated list with UI Kits and dashboards that provide **RTL Support** out of the box.
Unfortunately, setting up RTL is not an easy job and this list is quite a short one. In case any of you used in the past other UI Kits with **RTL Support** not mentioned in this article, feel free to drop a message in the comments section. 

---

> Thank you! **Content provided by [AppSeed - App Generator](https://appseed.us)**.

---

- (Free) [Black Dashboard](https://bit.ly/2L0W6Z7) - product page
- (Free) [Material Dashboard](https://bit.ly/3fSPqaK) - product page
- (Free) [Black Dashboard React](https://bit.ly/39gor7M) - product page
- [Argon Dashboard PRO](https://bit.ly/39D2BLX) - product page
- [Material Dashboard PRO](https://bit.ly/3odmcGy) - product page

---

![RTL Support - UI Kits, animated presentation](https://raw.githubusercontent.com/ui-themes/rtl-support/main/media/ui-kits-rtl-support-intro.gif)

--- 

## What is RTL Support

According to Wikipedia, In a right-to-left, top-to-bottom text (commonly shortened to right to left or abbreviated RTL), writing starts from the right of the page and continues to the left, proceeding from top to bottom for new lines. 
Some languages of the world (Arabic, Hebrew, Persian, Urdu, etc.) are RTL, meaning they are read right-to-left, instead of left-to-right. The effect in the UI is to see a reversed position for all elements like scrollbars, buttons, texts. 

--- 

- [Right-to-left](https://en.wikipedia.org/wiki/Right-to-left) - Wikipedia page
- [RTL Support](https://blog.scottlogic.com/2015/02/13/rtl.html) in Web Applications

---

## [Black Dashboard](https://bit.ly/2L0W6Z7)

> Design - **[Creative-Tim](https://bit.ly/3fKQZaL)**

--- 

Black Dashboard is a beautiful Bootstrap 4 Admin Dashboard with a huge number of components built to fit together and look amazing. 
Black Dashboard features over 16 individual components, giving you the freedom of choosing and combining. This means that there are thousands of possible combinations. All components can take variations in color, that you can easily modify using SASS files. 

---

- [Black Dashboard](https://bit.ly/2L0W6Z7) - product page
- [RTL Page](https://bit.ly/37mZgxC) - LIVE sample

---

![RTL Support - Black Dashboard](https://raw.githubusercontent.com/ui-themes/rtl-support/main/media/rtl-support-black-dashboard.png)

---

## [Material Dashboard](https://bit.ly/3fSPqaK)

> Design - **[Creative-Tim](https://bit.ly/3fKQZaL)**

--- 

Material Dashboard is a free Material Bootstrap 4 Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy-to-use and beautiful set of components. [Material Dashboard](https://appseed.us/material-dashboard) was built over the popular Bootstrap 4 framework and it comes with a couple of third-party plugins redesigned to fit in with the rest of the elements.

---

- [Material Dashboard](https://bit.ly/3fSPqaK) - product page
- [RTL Page](https://bit.ly/37mljEQ) - LIVE sample

---

![RTL Support - Material Dashboard](https://raw.githubusercontent.com/ui-themes/rtl-support/main/media/rtl-support-material-dashboard.png)

---

## [Argon Dashboard PRO](https://bit.ly/39D2BLX)

> Design - **[Creative-Tim](https://bit.ly/3fKQZaL)**

--- 

Argon Dashboard is built with over 200 individual components, giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using Sass files.

---

- [Argon Dashboard PRO](https://bit.ly/39D2BLX) - product page
- [RTL Page](https://bit.ly/39yzCJc) - LIVE sample

---

![RTL Support - Argon Dashboard PRO](https://raw.githubusercontent.com/ui-themes/rtl-support/main/media/rtl-support-argon-dashboard-pro.png)

---

## [Black Dashboard React](https://bit.ly/39gor7M)

> Design - **[Creative-Tim](https://bit.ly/3fKQZaL)**

--- 

Black Dashboard React is a beautiful Bootstrap 4 (Reactstrap) Admin Dashboard with a huge number of components built to fit together and look amazing. If you are looking for a tool to manage and visualize data about your business, this dashboard is the thing for you. It combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics.

---

- [Black Dashboard React](https://bit.ly/39gor7M) - product page
- [RTL Page](https://bit.ly/37ohWwZ) - LIVE sample

---

![RTL Support - Black Dashboard React](https://raw.githubusercontent.com/ui-themes/rtl-support/main/media/rtl-support-black-dashboard-tables.png)

---

## [Material Dashboard PRO](https://bit.ly/3odmcGy)

> Design - **[Creative-Tim](https://bit.ly/3fKQZaL)**

--- 

Material Dashboard PRO is a Premium Material Bootstrap 4 Admin with a fresh, new design inspired by Google's Material Design. It is based on the popular Bootstrap 4 framework and comes packed with multiple third-party plugins. All components are built to fit perfectly with each other while aligning with the material concepts.

---

- [Material Dashboard PRO](https://bit.ly/3odmcGy) - product page
- [RTL Page](https://bit.ly/39rByTE) - LIVE sample

---

![RTL Support - Material Dashboard PRO](https://raw.githubusercontent.com/ui-themes/rtl-support/main/media/rtl-support-material-dashboard-pro.png)

---

> Feel free to suggest more UI Kits (free & commercial) with this useful layout feature integrated.

**Thank you!**