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 ・3 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.


This content is provided by AppSeed, a platform used by 2k+ developers across the globe.


Thanks for reading! TL;DR;


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.


Resources to read more about RTL


Black Dashboard

Open-Source product crafted by 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

Open-Source product crafted by 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 PRO

Commercial product crafted by 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

Open-Source product crafted by 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

Commercial product crafted by 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 to 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

pic
Editor guide