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.
- (Free) Black Dashboard - product page
- (Free) Material Dashboard - product page
- (Free) Black Dashboard React - product page
- Argon Dashboard PRO - product page
- Material Dashboard PRO - product page
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 - Wikipedia page
- RTL Support in Web Applications
Black Dashboard
Design - Creative-Tim
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 - product page
- RTL Page - LIVE sample
Material Dashboard
Design - Creative-Tim
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 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 - product page
- RTL Page - LIVE sample
Argon Dashboard PRO
Design - Creative-Tim
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 - product page
- RTL Page - LIVE sample
Black Dashboard React
Design - Creative-Tim
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 - product page
- RTL Page - LIVE sample
Material Dashboard PRO
Design - Creative-Tim
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 - product page
- RTL Page - LIVE sample
Feel free to suggest more UI Kits (free & commercial) with this useful layout feature integrated.
Thank you!