
NativeBase
React Native
React Native Desktop
React Native UI Kitten
React Native Paper by Callstack
React Native Elements
Flutter
Shoutem
RTLAuto
Figma
Lokalise
Crowdin
Figma Auto Layout
POEditor
Ugic
RTLAuto is a Figma plugin for preparing designs for both RTL and LTR markets with less manual rework.
It intelligently adapts Auto Layout, alignment, directional icons, typography, fonts, variables, components, gradients, shadows, corner radii, strokes, padding, and translated content while preserving the structure and consistency of the original design.
Key capabilities: - Bidirectional RTL and LTR conversion - Auto Layout and component adaptation - Directional icon flipping - Font handling and directional typography mapping - Design-token and variable support - Gradient, shadow, corner, stroke, and padding direction updates - Translation across 194 language targets
The free plan includes 10 operations per day and two component conversions per Figma account. Pro and Business plans support larger workflows and design-system teams.
Built for: Global brands entering MENA, regional product teams, government digital services, design studios, small businesses, and independent Figma designers.
NativeBase
RTLAutoRTLAuto's answer:
RTLAuto is focused on real bidirectional Figma workflows, not only text translation or simple mirroring. It helps designers convert interfaces between LTR and RTL while preserving structure, components, Auto Layout behavior, styles, variables, typography, shadows, gradients, spacing, and directional details.
This makes it useful for product teams and design-system teams that need Arabic, Hebrew, Persian, Urdu, or multilingual interface versions without rebuilding layouts manually.
RTLAuto's answer:
Choose RTLAuto when your goal is to prepare production Figma files for both RTL and LTR markets with less manual cleanup. It is designed around interface direction, design-system consistency, and practical handoff quality.
RTLAuto is especially useful when a file includes Auto Layout, components, directional icons, typography choices, variables, shadows, gradients, padding, strokes, and translated content that all need to remain coherent after conversion.
RTLAuto's answer:
RTLAuto is built for Figma designers and product teams working on bidirectional interfaces. The primary audience includes global brands entering MENA, regional product teams, government digital services, design studios, small businesses, independent Figma designers, UX/UI teams, localization teams, and design-system teams.
It is most relevant when teams need to support Arabic, Hebrew, Persian, Urdu, or mixed-language product experiences while keeping design files structured and reusable.
RTLAuto's answer:
RTLAuto was built around a recurring design problem: teams often finish a strong LTR product design, then spend significant manual time preparing the RTL version for Arabic, Hebrew, Persian, Urdu, or mixed-language markets.
The product focuses on reducing that repetitive cleanup inside Figma by automating direction-aware layout adaptation, translation support, font handling, directional icons, components, and design-system details.
Based on our record, NativeBase seems to be more popular. It has been mentiond 22 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
Gluestack, like any other customizable UI library, is built to make styling less cumbersome. It comprises a set of themed and unstyled components easily integrated across different platforms and devices. Originally, Gluestack was a part of NativeBase, a component library for both React and React Native. With performance and maintainability in mind, NativeBase was split into two parts, focusing on a universal... - Source: dev.to / over 2 years ago
Just like the other libraries mentioned in this article, Gluestack is another unstyled component library. Originally a part of NativeBase, the developer team created this library to prevent bloat and enhance maintainability of the project. - Source: dev.to / almost 3 years ago
KumaUI : Another relatively new contender, Kuma uses zero runtime CSS-in-JS to create headless UI components which allows a lot of flexibility. It was heavily inspired by other zero runtime CSS-in-JS solutions such as PandaCSS, Vanilla Extract, and Linaria, as well as by Styled System, ChakraUI, and Native Base. ### ๏ปฟVue. - Source: dev.to / almost 3 years ago
NativeBase is a collection of essential cross-platform React Native components. The components are built with React Native combined with some JavaScript functionality with customizable properties. NativeBase is fully open-source and has 18,000+ stars on GitHub. - Source: dev.to / over 3 years ago
CSS-based UI libs don't make sense on mobile; your new options include NativeBase, React Native Elements and others). Some web-based UI libs do have RN siblings though - such as React Native Material and React Native Paper (for Material-UI), and tailwind-rn (for Tailwind). This just means new decisions to make, some learning, and new paradigms for how to use the new libs. - Source: dev.to / over 3 years ago
React Native - A framework for building native apps with React
Figma - Team-based interface design, Figma lets you collaborate on designs in real time.
React Native Desktop - Build OS X desktop apps using React Native
Lokalise - Localization tool for software developers. Web-based collaborative multi-platform editor, API/CLI, numerous plugins, iOS and Android SDK.
React Native UI Kitten - Customizable and reusable react-native component kit
Crowdin - Localize your product in a seamless way with Crowdin's translation management software