DEV Community

loading...
Cover image for RTL Support - A curated list with RTL UI Kits

RTL Support - A curated list with RTL UI Kits

sm0ke profile image Sm0ke Updated on ・4 min read

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.



RTL Support - UI Kits, animated presentation


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.



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.



RTL Support - Black Dashboard


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.



RTL Support - Material Dashboard


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.



RTL Support - Argon Dashboard PRO


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.



RTL Support - Black Dashboard React


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.



RTL Support - Material Dashboard PRO


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

Thank you!

Discussion (0)

pic
Editor guide