Mejores plantillas de dashboard RTL con soporte para árabe (2026)

Esta es una guía de compra con las mejores plantillas de dashboard RTL con soporte para árabe, pensada para agencias y empresas del Golfo, equipos SaaS que abren un mercado en árabe y desarrolladores que necesitan un panel de administración de derecha a izquierda que funcione bien más allá de la página de inicio. Está actualizada a octubre de 2026, y nueve de las diez opciones tienen versión para Next.js 16.

La diferencia que más importa separa las plantillas que solo invierten el diseño de las que incluyen el árabe como un idioma real, con pantallas traducidas, URL en árabe y contenido bilingüe. Cada dato de esta lista sale de la página o la documentación oficial del producto, enlazadas en Fuentes, y después de la lista encontrarás una prueba de cinco minutos que puedes hacer en cualquier demo. Si no necesitas árabe, nuestro ranking de las 10 mejores plantillas de dashboard de administración en Next.js cubre opciones más generales.

Plantilla	Ideal para	Stack	Backend o autenticación	Árabe y RTL	Precio
Panel de administración con asistente de IA de Aniq UI	Panel de administración completo en árabe con API, roles y asistente de IA	Next.js 16, Tailwind CSS 4, next-intl	API NestJS opcional	Traducciones al árabe y RTL incluidas	Desde $99
Dashboard financiero de Aniq UI	Interfaz fintech y bancaria en árabe	Next.js 16, Tailwind CSS 4, next-intl	Frontend con autenticación por email	Traducciones al árabe y RTL incluidas	$99
Dashboard para agencias inmobiliarias de Aniq UI	Agencias que publican anuncios en inglés y en árabe	Next.js 16, Tailwind CSS 4, next-intl	Requiere la API NestJS	Interfaz en árabe, RTL y un editor de inmuebles bilingüe	$99 el dashboard, $179 full stack
Materio	Equipos MUI en Next.js que quieren muchas apps listas	Next.js 16, MUI 7, Tailwind CSS 4	NextAuth	Soporte RTL y multilingüe declarado, sin lista de idiomas	Desde $69
Vuexy	El mayor conjunto de apps y páginas públicas en MUI	Next.js 16, MUI 7, Tailwind CSS	NextAuth, capa fake-DB	RTL ready y soporte de traducción declarados, sin lista de idiomas	Desde $79
Minimal	Dashboard MUI en el que el árabe activa el RTL	Next.js 16 o Vite, MUI v9	JWT, Firebase, Amplify, Auth0, Supabase	RTL, y la documentación muestra una opción de árabe que activa el RTL	Desde $69
Berry	Gran biblioteca de widgets y muchos proveedores de autenticación	Next.js 16 o Vite, MUI v9	Auth0, Firebase, JWT, AWS Cognito, Supabase	Layouts RTL y soporte multilingüe declarados, sin lista de idiomas	Desde $69
Modernize	Opción MUI económica que puedes ver en RTL antes de comprar	Next.js 16, MUI 7	NextAuth, Supabase, Firebase	RTL ready con una demo RTL pública, i18n declarado	Desde $49
Metronic	Equipos Tailwind que trabajan con varios frameworks	Tailwind CSS 4 para Next.js, React y HTML	Revisa el paquete	RTL documentado para la versión Tailwind	Desde $49
shadcn-admin	Base RTL gratis sobre shadcn/ui	React, Vite, shadcn/ui	Autenticación parcial con Clerk	Soporte RTL, sin traducciones	Gratis (MIT)

Los precios de la competencia corresponden a la licencia más barata de cada página oficial en octubre de 2026. Los precios de Aniq UI vienen del catálogo de Aniq UI.

Las 10 mejores plantillas de dashboard de administración RTL en 2026

1. Panel de administración con asistente de IA de Aniq UI

Ideal para: productos SaaS, herramientas internas y paneles tipo CRM que necesitan inglés y árabe desde el primer día, con backend opcional, roles y un asistente de IA.

Dashboard de administración en Next.js de Aniq UI con asistente de IA: vista general oscura con tarjetas de KPI, analítica de ingresos y proyectos recientes

La plantilla de dashboard de administración en Next.js con asistente de IA es un panel de administración completo en Next.js 16, React 19 y Tailwind CSS 4. El inglés y el árabe con RTL forman parte del propio paquete del dashboard, traducidos con next-intl, así que el árabe es un idioma completo con sus propios textos y no una copia en espejo de las pantallas en inglés.

Se vende como dashboard solo, como backend NestJS solo o con ambos juntos. El dashboard funciona con datos de prueba incluidos hasta que conectas una API, así que puedes revisar cada pantalla en árabe antes de configurar una base de datos. El backend añade TypeORM con SQLite o MySQL, autenticación JWT con refresh tokens, una matriz de roles y permisos, actualizaciones en tiempo real por WebSocket y el asistente de IA.

Inglés y árabe con RTL, en temas claro y oscuro que se guardan
Vista general con tarjetas de KPI, tareas rápidas, un calendario, anillos de indicadores y widgets que puedes reordenar con arrastrar y soltar
Usuarios, administradores, roles y permisos, con estadísticas en tiempo real, filtros y políticas de acceso por módulo
Asistente de IA que responde en streaming con tarjetas, gráficos y tablas, guarda el historial y las sesiones de chat, y funciona con DeepSeek, Google u OpenAI mediante un registro de herramientas MCP
Una página de biblioteca de UI con 49 componentes, cada uno con un ejemplo de código listo para copiar
React Hook Form y Zod en todos los formularios, además de documentación de instalación, i18n y despliegue

Stack: Next.js 16 App Router, React 19, TypeScript 5, Tailwind CSS 4, next-intl, TanStack Query, Redux Toolkit, Radix UI, Recharts y Framer Motion. Backend: NestJS, TypeORM, JWT y Socket.io.

Precio: Desde $99 (Admin Dashboard). Backend API $99. Full Stack $149.

A tener en cuenta: Por sí solo, el dashboard muestra datos de prueba o se conecta a una API que tú aportes. Los datos guardados y las respuestas del asistente de IA vienen de la API NestJS, que se vende como Backend API o dentro de Full Stack. Solo incluye inglés y árabe; un tercer idioma lo añades tú.

2. Dashboard financiero de Aniq UI

Ideal para: startups fintech, dashboards bancarios, plataformas de inversión y herramientas de presupuesto que deben leerse con naturalidad en árabe.

Dashboard financiero en Next.js de Aniq UI: vista general oscura con tarjeta de cuenta, transacciones recientes, lista de seguimiento de inversiones y rendimiento de la cartera

La plantilla de dashboard financiero y bancario en Next.js es un frontend en Next.js 16 con temas oscuro y claro, inglés y árabe con RTL mediante next-intl, analítica con Recharts, widgets con arrastrar y soltar y autenticación JWT por email con rutas protegidas. Su pantalla de preferencias coloca la selección de idioma y de moneda junto a los ajustes de tema, así que los usuarios cambian al árabe desde dentro del producto. Las pantallas financieras son una prueba exigente para el RTL, porque los saldos, los números de tarjeta y los importes quedan dentro de un texto que va de derecha a izquierda, así que abre la demo en árabe y revisa primero las transacciones y la analítica.

Inglés y árabe con RTL, en temas oscuro y claro que se guardan sin parpadeos al cargar
Vista general con tarjeta de cuenta y saldo, acciones de enviar y recibir, transacciones recientes, estadísticas semanales, una lista de seguimiento Smart Invest, transferencia rápida, un mapa de transferencias internacionales y el rendimiento de la cartera
Analítica de ingresos frente a gastos en rangos diarios, semanales, mensuales y anuales, gasto por categoría y paneles que puedes exportar
Gestión de tarjetas con saldos, fechas de caducidad y acciones rápidas
Acentos azul, dorado y grafito que cambian el color de las tarjetas, los gráficos, los botones y el menú con un solo ajuste
28 componentes de UI interactivos y widgets con arrastrar y soltar

Stack: Next.js 16 App Router con Turbopack, React 19, TypeScript, Tailwind CSS 4, next-intl, Redux Toolkit, React Hook Form con Zod, Recharts, TanStack Table, dnd-kit, date-fns y NextAuth.

Precio: $99.

A tener en cuenta: Es una plantilla de frontend. Incluye autenticación por email pero ninguna API bancaria y, a diferencia de los otros dashboards de Aniq UI, no tiene paquete Backend API, así que prevé conectarla a tu propio backend.

3. Dashboard para agencias inmobiliarias de Aniq UI

Ideal para: agencias inmobiliarias, intermediarios, promotoras y gestores de alquileres que publican anuncios en inglés y en árabe.

Dashboard para agencias inmobiliarias de Aniq UI en árabe: vista general de derecha a izquierda, tema oscuro

La plantilla de dashboard en Next.js para agencias inmobiliarias cubre el trabajo diario de una agencia: vista general, inmuebles, consultas, visitas y ajustes. Muestra lo que significa un soporte completo del árabe más allá de la interfaz: cada pantalla está escrita en los dos idiomas y se invierte en árabe, con precios y cifras en dígitos latinos, y el editor de inmuebles guarda el título y las descripciones en un mismo campo con una pestaña por idioma. Es la parte de dashboard de Velra, cuyo sitio web público también funciona en inglés y árabe con RTL.

Vista general en árabe, de derecha a izquierda, que se abre con las consultas nuevas, las visitas pendientes de confirmar y las próximas visitas
Editor de inmuebles en inglés y árabe con fotos ordenadas, ubicación, SEO y un flujo de borrador, publicado y archivado
Todos los anuncios con una ubicación guardada, marcados en un solo mapa
Consultas con estado y notas, y visitas para confirmar, completar o cancelar
Estudio de home staging virtual con IA con un paso de aprobación, y un asistente de IA que responde con los datos de la agencia usando Google Gemini, OpenAI o DeepSeek con tu propia clave
Roles y permisos que ocultan las opciones de menú y las acciones que un usuario no puede usar

Stack: Next.js 16 App Router, React 19, TypeScript, Tailwind CSS 4, next-intl y TanStack Query. Backend: NestJS, TypeORM con MySQL o SQLite, y Socket.io.

Precio: Agency Dashboard $99. Full Stack (sitio web público, dashboard y API) $179.

A tener en cuenta: El dashboard lee sus datos de la API de Velra, que se vende como paquete Backend API ($99) o dentro de Full Stack, así que presupuesta las dos cosas. El home staging con IA usa Google Gemini, por lo que generar estancias amuebladas requiere tu propia clave de Gemini, también en la demo pública.

4. Materio

Ideal para: equipos que ya usan Material UI y quieren un panel de administración en Next.js 16 con RTL y un amplio conjunto de apps listas.

Plantilla de administración Materio con MUI y Next.js: vista previa del dashboard

Materio es una plantilla de administración de Material UI creada por ThemeSelection, que también se vende en la MUI Store. La página oficial indica Next.js 16 con App Router, MUI 7, Tailwind CSS 4 y React 19, y declara un «soporte integrado para idiomas RTL (de derecha a izquierda)» junto con soporte multilingüe.

Ni la página de ThemeSelection ni la ficha de la MUI Store nombran los idiomas incluidos, y ninguna menciona el árabe. Da el RTL por confirmado y trata la traducción al árabe como algo que debes comprobar en el paquete.

Cinco dashboards: CRM, analítica, eCommerce, academia y logística
Diez apps, entre ellas correo, chat, calendario, Kanban, facturas, y roles y permisos
Integración con NextAuth y páginas de autenticación
React Hook Form con Valibot para los formularios
Seis layouts, entre ellos horizontal y semioscuro
Versiones en TypeScript y JavaScript

Stack: Next.js 16 App Router, React 19, MUI 7 y Tailwind CSS 4.

Precio: Desde $69 en la MUI Store (Standard, solo JavaScript) o desde $79 en ThemeSelection (octubre de 2026).

A tener en cuenta: La edición gratis de Materio usa Next.js 14 y no incluye RTL ni soporte multilingüe, según su comparativa entre la versión gratis y la Pro. La demo en vivo se abre en una pantalla de inicio de sesión. Sneat, de la misma tienda, declara el mismo soporte RTL y multilingüe a los mismos precios de ThemeSelection.

5. Vuexy

Ideal para: equipos que quieren el conjunto más amplio de apps y páginas públicas en MUI, con soporte RTL y de traducción declarado.

Plantilla de administración Vuexy con MUI y Next.js: vista previa del dashboard

Vuexy se vende en la tienda de ThemeSelection como plantilla de administración MUI para Next.js 16, hecha con React 19, MUI 7 y una integración con Tailwind CSS. Su lista de funciones incluye «RTL Ready» y «Translation and Localization Support», y su documentación explica cómo traducir tu app con el soporte de traducción integrado, junto a NextAuth y React Hook Form.

Como con Materio, no hay una lista de idiomas publicada, así que comprueba que el paquete trae textos en árabe antes de contar con ellos.

Apps de correo, chat, calendario, Kanban, eCommerce, academia, logística, facturas, y roles y permisos
Más de 30 páginas, más de 75 tarjetas y más de 15 páginas públicas como landing, precios, checkout y centro de ayuda
Autenticación con NextAuth y gestión de usuarios
Búsqueda global con Cmd + K
Seis layouts, desde el menú vertical por defecto hasta el horizontal oscuro
Una capa de API fake-DB para los datos de demostración, en versiones TypeScript y JavaScript

Stack: Next.js 16, React 19, MUI 7 y Tailwind CSS.

Precio: Desde $79 (ThemeSelection, octubre de 2026).

A tener en cuenta: Vuexy y Materio están en la misma tienda y tienen las mismas apps principales, así que la elección entre ambas depende sobre todo del estilo visual. La demo de Next.js se abre en una pantalla de inicio de sesión con credenciales de demostración.

6. Minimal

Ideal para: equipos que quieren un dashboard MUI muy cuidado en el que elegir árabe cambia todo el diseño a RTL.

Minimal es un dashboard para clientes y administración que se vende en la MUI Store. La ficha indica React 19, Material UI v9, y Next.js 16 con App Router o Vite 8, e incluye «Right-to-left layout support».

Su documentación multilingüe va más lejos que la mayoría de las páginas de la competencia: desde Minimal UI 7.1.0, elegir árabe aplica automáticamente el diseño RTL, y elegir RTL aplica el árabe. Las traducciones están en archivos JSON dentro de src/locales.

Más de 70 páginas de ejemplo
Dashboards de resumen para app, e-commerce, analítica, banca, reservas, archivos y cursos
Apps de gestor de archivos, correo, chat, calendario y Kanban
React Hook Form con Zod, y ApexCharts
Autenticación con JWT, Firebase, Amplify, Auth0 o Supabase
Modo claro y oscuro con temas de color intercambiables

Stack: Next.js 16 o Vite 8, React 19 y MUI v9.

Precio: Desde $69 (Standard, solo JavaScript). TypeScript desde $129 (octubre de 2026).

A tener en cuenta: La documentación muestra el árabe integrado en el selector de idioma, pero la página de la tienda no dice qué parte de la interfaz viene traducida, así que abre formularios y tablas en árabe antes de comprar. Hay una edición gratis, Minimal Free, en la MUI Store; comprueba qué funciones conserva.

7. Berry

Ideal para: equipos que quieren una gran biblioteca de widgets y muchos proveedores de autenticación en una plantilla MUI con layouts RTL.

Dashboard Berry con React y Material UI: dashboard por defecto con tarjetas de ingresos y gráfico de crecimiento

Berry es un dashboard de Material UI creado por CodedThemes, que se vende en la MUI Store y en CodedThemes. Indica React 19, Material UI v9 y Next.js 16 con App Router, además de una versión en Vite. Sus listas de funciones incluyen «LTR / RTL (Right-to-Left) Layouts», soporte de internacionalización (i18n) y soporte multilingüe, sin nombrar los idiomas.

Cinco dashboards: por defecto, analítica, facturas, CRM y blog
Más de 100 páginas listas y más de 199 widgets de datos, estadísticas y gráficos
Apps como e-commerce, correo, chat, calendario, Kanban, contactos, facturas y CRM
Autenticación con Auth0, Firebase, JWT, AWS Cognito o Supabase
Layouts vertical, horizontal y contraído, modo claro y oscuro, y más de 6 paletas de color
Archivos de Figma

Stack: Next.js 16 App Router o Vite, React 19 y MUI v9. TypeScript en las licencias Standard Plus y Extended.

Precio: Desde $69 (MUI Store, octubre de 2026).

A tener en cuenta: Mantis, del mismo proveedor, declara los mismos layouts RTL, el mismo soporte i18n, el mismo stack y los mismos precios en la MUI Store. Ambas tienen ediciones gratis con una parte de las funciones completas, así que comprueba si el RTL está en esa parte antes de contar con él.

8. Modernize

Ideal para: compradores con presupuesto ajustado que quieren ver el diseño de derecha a izquierda en una demo pública antes de pagar.

Demo RTL del dashboard de administración Modernize en Next.js: dashboard con el diseño invertido de derecha a izquierda

Modernize es un dashboard de administración de Material UI creado por AdminMart, también disponible en la MUI Store. Su lista de funciones indica Next.js 16, su changelog registra el paso a Next.js 16 y React 19, y usa MUI 7 y TypeScript. La página incluye «RTL Ready» y enlaza una demo RTL independiente junto a las demos principal, oscura, horizontal y con barra lateral mini. Declara soporte i18n, sin nombrar idiomas.

Una demo RTL pública que puedes abrir sin comprar
Más de 13 apps, entre ellas calendario, Kanban, facturas, chat, contactos y blog
Más de 65 plantillas de página y 4 páginas públicas
Seis colores de tema
NextAuth con Google, GitHub y credenciales, además de autenticación con Supabase y Firebase
Un año de actualizaciones y soporte en todas las licencias de AdminMart

Stack: Next.js 16, React 19, MUI 7 y TypeScript.

Precio: Desde $49 en la MUI Store o desde $59 en AdminMart (octubre de 2026).

A tener en cuenta: La demo RTL invierte el diseño pero mantiene los textos en inglés, así que muestra la dirección, no la traducción al árabe. La insignia de versión de AdminMart sigue indicando Next.js 15.1.6, mientras que la lista de funciones y el changelog dicen Next.js 16, así que confirma la versión en el paquete que descargues.

9. Metronic

Ideal para: equipos Tailwind que quieren un mismo sistema de diseño en sus versiones para Next.js, React y HTML.

Dashboard de administración Metronic con Tailwind y Next.js: layout de la demo 1 con barra lateral y widgets

Metronic, de Keenthemes, es una plantilla de administración con muchos años en el mercado que ahora indica Tailwind CSS 4, React 19 y Next.js 16, con demos en Bootstrap 5 para HTML y otros frameworks. Su guía RTL para Tailwind dice que Metronic «usa las propiedades lógicas de CSS como método por defecto para el soporte RTL», que se activa con dir="rtl" en el elemento html, con el modificador rtl: de Tailwind para los casos que lo necesiten.

10 demos entre HTML, React con Vite y Next.js
Más de 150 páginas y más de 60 componentes
Apps y conceptos de inventario, correo, calendario, chat con IA, gestión de usuarios, tareas, CRM y retail
Starter kits con 14 layouts prediseñados
Hecho con shadcn/ui, Radix UI, React Hook Form, Zod y TanStack Table

Stack: Tailwind CSS 4, React 19, Next.js 16 y TypeScript, con Bootstrap 5 para los kits de HTML y de otros frameworks.

Precio: Desde $49 con la licencia Regular (octubre de 2026).

A tener en cuenta: La guía RTL cubre la versión Tailwind y no menciona el paquete de Next.js, y la página principal del producto no menciona ni el RTL ni las traducciones. Pide a Keenthemes que confirme el RTL en el paquete de Next.js antes de comprar.

10. shadcn-admin

Ideal para: desarrolladores que quieren una interfaz de administración gratis, preparada para RTL y basada en shadcn/ui, y que pueden prescindir de Next.js.

Dashboard shadcn-admin: panel de administración gratis con shadcn/ui, barra lateral, tarjetas de ingresos y gráfico de resumen

shadcn-admin es una interfaz de dashboard de administración gratis, con licencia MIT, hecha con shadcn/ui y Vite. Su README incluye soporte RTL y señala que algunos componentes de shadcn se modificaron para funcionar mejor de derecha a izquierda. El repositorio tiene 15,8k estrellas en GitHub (octubre de 2026).

Gratis con licencia MIT
Soporte RTL
Modo claro y oscuro, responsive y accesible
Barra lateral integrada y un comando de búsqueda global
Más de 10 páginas, con autenticación parcial con Clerk

Stack: React, Vite, TanStack Router, shadcn/ui (Tailwind CSS y Radix UI) y TypeScript.

Precio: Gratis (MIT).

A tener en cuenta: Es una app de Vite con TanStack Router, no de Next.js, así que pasarla a Next.js implica rehacer el enrutado. No incluye textos en árabe, así que la traducción y el enrutado por idioma corren de tu cuenta.

Más dashboards sectoriales de Aniq UI listos para el árabe

Si tu panel sirve a un solo sector, empezar con las pantallas de ese sector es lo que más trabajo ahorra. Aniq UI tiene cinco dashboards más hechos de la misma forma: Next.js 16, Tailwind CSS 4, inglés y árabe con RTL mediante next-intl, temas claro y oscuro, y una API NestJS que se vende por separado o en la versión full stack.

Dashboard de administración para restaurantes de Aniq UI en árabe: barra lateral a la derecha, gráfico invertido y cifras en dígitos latinos, tema oscuro

E-commerce: la plantilla de dashboard de administración e-commerce en Next.js gestiona productos, categorías, pedidos, clientes y personal, con roles, notificaciones en tiempo real, un estudio de productos con IA y un asistente de IA. Dashboard $99, Full Stack con la tienda $179.
Cursos online: la plantilla de dashboard de administración LMS en Next.js gestiona cursos con un creador de temarios con arrastrar y soltar, inscripciones, cuestionarios, calificaciones y clases en directo. Su asistente de IA redacta un curso a partir de una sola petición, con título y descripción en árabe incluidos. Dashboard $99, Full Stack $179.
Restaurantes: la plantilla de dashboard de administración para restaurantes en Next.js tiene un editor de platos en inglés y árabe, pedidos con control de estado, cocinas y un estudio con IA para fotos de platos. Los mismos componentes funcionan de derecha a izquierda, así que no hay un segundo diseño que mantener, y todas las cifras se quedan en dígitos latinos. Dashboard $99, Full Stack $179.
Alquileres vacacionales: la plantilla de dashboard de reservas para alquileres vacacionales en Next.js cubre la ocupación, un calendario mensual con fechas bloqueadas, reservas desde confirmadas hasta completadas y un asistente de IA con 27 herramientas MCP. Un alojamiento no se puede publicar hasta que sus textos en inglés y en árabe estén completos. Dashboard $99, Full Stack $179.
Fitness y coaching: la plantilla de dashboard de fitness y coaching en Next.js reúne en un solo producto una parte para miembros y otra para entrenadores, ambas en árabe, con layouts escritos con propiedades lógicas, un registro de entrenamientos, un planificador de comidas y un asistente de IA. Dashboard $99, Full Stack $149.

Lo que necesita un dashboard RTL de verdad

«Soporte RTL» en una página de producto puede significar cualquier cosa, desde una barra lateral invertida hasta un producto completo en árabe. Estas son las partes que deciden si un equipo que trabaja en árabe puede usar de verdad el panel. Cada una se puede comprobar en una demo pública en menos de un minuto.

Propiedades lógicas de CSS en lugar de izquierda y derecha

El espaciado y el posicionamiento deben seguir la dirección de lectura. En Tailwind CSS eso significa utilidades como ms-4 y me-8, que definen margin-inline-start y margin-inline-end y se invierten con el atributo dir (documentación de Tailwind CSS), y sus equivalentes de padding y posición. Una plantilla escrita con clases ml- y left- necesita un override rtl: para cada una, y ahí es donde se escapan los fallos. Prueba: cambia al árabe y mira los iconos dentro de los campos, el padding de las insignias, el indicador activo de la barra lateral y el espacio entre un avatar y un nombre.

Iconos y gráficos invertidos donde la dirección importa

Las flechas que significan atrás, siguiente, desplegar o «ir a» deben apuntar al otro lado en árabe. La guía RTL de shadcn/ui, por ejemplo, indica que hay que añadir rtl:rotate-180 a mano a los iconos direccionales. Los gráficos con eje temporal son una decisión de diseño: los dashboards de restaurantes y de alquileres vacacionales de Aniq UI invierten sus gráficos en árabe, para que el tiempo avance de derecha a izquierda como el texto. Los logotipos y las marcas nunca deben invertirse. Prueba: revisa una ruta de navegación (breadcrumb), la paginación, un botón de «siguiente paso» y un gráfico de líneas.

Una fuente árabe

Muchas fuentes latinas de interfaz no tienen glifos árabes, así que el navegador recurre a una fuente del sistema y las pantallas en árabe parecen de otro producto. Una plantilla hecha para el árabe debe cargar una fuente con glifos árabes o combinar una con su fuente latina. La guía RTL de shadcn/ui recomienda Noto, que según la guía combina bien con Inter y Geist. Prueba: compara el peso de los títulos y el interlineado entre las versiones en inglés y en árabe de la misma página.

Números, monedas y fechas según el idioma

Las interfaces en árabe usan dígitos arábigo-índicos (١٢٣) o dígitos latinos (123), así que decide cuáles esperan tus usuarios. Intl.NumberFormat de JavaScript con el locale ar-EG devuelve dígitos arábigo-índicos (MDN), mientras que los dashboards de inmuebles, restaurantes y alquileres vacacionales de Aniq UI mantienen precios y cifras en dígitos latinos en los dos idiomas. En cualquier caso, los precios y las fechas deben salir de un formateador que tenga en cuenta el idioma, como format.number y format.dateTime de next-intl (documentación de next-intl), nunca de concatenar cadenas. Prueba: mira un precio, un porcentaje y una fecha en la versión en árabe.

Texto mixto en árabe e inglés en las tablas

Los datos de un panel de administración casi nunca están en un solo idioma: un nombre de cliente en árabe junto a un email en inglés, un ID de pedido o un SKU de producto. Sin aislamiento, los caracteres neutros como espacios, guiones y dígitos se pegan al lado equivocado y desordenan la línea. MDN recomienda el elemento <bdi> para el texto que viene de una base de datos o de un usuario (MDN sobre bdi). Prueba: busca en la versión en árabe una fila de tabla con un email o un nombre de producto en inglés y comprueba que la puntuación y los números quedan donde deben.

Enrutado por idioma

Un dashboard completo en árabe tiene sus propias URL, como /en/dashboard y /ar/dashboard, para que un usuario pueda guardar, compartir y recargar la versión en árabe, y el elemento html recibe lang="ar" y dir="rtl" desde la ruta. En Next.js esto se hace con un segmento [lang] (guía de internacionalización de Next.js) o con una librería como next-intl, cuyo proxy negocia el idioma y redirige / a /en (enrutado de next-intl). Los ocho dashboards de Aniq UI usan next-intl. Prueba: cambia al árabe, recarga y luego abre un enlace profundo en una pestaña nueva.

Mensajes de validación y overlays traducidos

Los errores de validación, los toasts, los estados vacíos, los diálogos de confirmación y los selectores de fecha son donde se esconde el inglés en las plantillas «en árabe». Los mensajes de error deben salir de los mismos archivos de traducción que las etiquetas; con Zod, eso significa construir el esquema a partir de mensajes traducidos. Los overlays son una segunda trampa: la guía RTL de MUI señala que los componentes que se renderizan mediante portales, como Dialog, no heredan el atributo dir de sus padres, y la guía de shadcn/ui indica que hay que pasar dir al contenido de Popover y Tooltip. Prueba: envía un formulario vacío en árabe y luego abre un diálogo, un desplegable y un tooltip.

La prueba de cinco minutos en la demo

Abre la demo y cambia al árabe. Si no hay opción de árabe, la plantilla ofrece como mucho un diseño RTL.
Recarga la página y confirma que sigue en árabe en su propia URL.
Abre una tabla, un formulario y un gráfico, y revisa espaciados, iconos y dígitos.
Envía un formulario vacío y lee los mensajes de error.
Abre un diálogo, un desplegable, un selector de fecha y un toast.
Vuelve al inglés y comprueba que nada se ha quedado invertido.

Cómo elegir una plantilla de dashboard RTL

Decide entre diseño RTL y árabe completo

Si tus usuarios leen en árabe, necesitas textos en árabe, validación traducida y URL en árabe, no solo una barra lateral invertida. Un panel de administración tiene fácilmente cientos de textos. Una plantilla que incluye el árabe te da una traducción de partida; una que solo incluye el diseño RTL te deja a ti toda la traducción.

Elige la librería de UI que tu equipo ya conoce

El RTL funciona de forma distinta según la librería: las plantillas con Tailwind toman la dirección de las utilidades lógicas y del atributo dir, mientras que las plantillas MUI necesitan además un tema RTL y un plugin de estilos (ver las preguntas frecuentes). Elige la librería que tu equipo sabe depurar bien: Aniq UI, Metronic y shadcn-admin usan Tailwind CSS; Materio, Vuexy, Minimal, Berry y Modernize usan MUI, y Materio y Vuexy añaden Tailwind.

Comprueba quién guarda el contenido en dos idiomas

La traducción de la interfaz cubre las etiquetas. El contenido del negocio, como nombres de productos, títulos de inmuebles o descripciones de platos, necesita un campo por idioma en el editor y en la base de datos. Los dashboards de inmuebles, restaurantes y alquileres vacacionales de Aniq UI tienen editores con una pestaña o un campo por idioma, y el de alquileres vacacionales no publica un alojamiento hasta que los dos idiomas están completos. Las páginas de la competencia que hemos leído no mencionan campos de contenido bilingüe, así que pregunta al proveedor si tus datos deben publicarse en los dos idiomas.

Decide si necesitas un backend

Las plantillas MUI de esta lista describen integraciones de autenticación (NextAuth, Firebase, Auth0, Supabase) y datos de demostración, no una API para los datos de tu negocio. Siete de los ocho dashboards de Aniq UI tienen una API NestJS con roles y permisos, que se vende por separado o en un paquete full stack (el Dashboard financiero es solo frontend), y los dashboards de inmuebles, restaurantes y alquileres vacacionales requieren la suya. Si ya tienes un backend, un paquete solo de frontend es la opción más barata y sencilla.

Lee la licencia antes de trabajar para clientes

Las agencias que crean paneles para clientes deben leer con atención los niveles de licencia. En la MUI Store, las licencias Standard de Materio, Minimal, Berry y Modernize cubren productos finales por los que no se cobra a los usuarios, y la licencia Extended ($599) cubre productos finales por los que los usuarios pagan. ThemeSelection y AdminMart dividen sus licencias en uso único, múltiple, extendido e ilimitado. Las páginas de producto de Aniq UI indican una sola licencia para todos los paquetes: uso en proyectos comerciales ilimitados, incluido el trabajo para clientes.

Prueba la demo en árabe, no las capturas

Las capturas muestran la mejor página, así que haz la prueba de cinco minutos en la demo en vivo. No todas las demos están abiertas: las de Materio y Vuexy empiezan en una pantalla de inicio de sesión, Modernize publica una demo RTL aparte que puedes abrir directamente, y varias demos de dashboards de Aniq UI, como las de inmuebles, alquileres vacacionales y fitness, rellenan una cuenta de demostración en la página de inicio de sesión.

Errores comunes al comprar un dashboard RTL

Revisar solo la vista general

La vista general es la pantalla más cuidada de cualquier plantilla. Los formularios, los diálogos, las tablas de datos y los toasts son donde suelen sobrevivir las clases físicas de izquierda y derecha y los textos sin traducir.

Invertir con un transform de CSS

Voltear una página con un transform invierte los logotipos, las imágenes y los dígitos de los gráficos junto con el diseño. La dirección pertenece al atributo dir y a las propiedades lógicas, y solo los iconos direccionales se invierten a propósito.

Traducir la interfaz pero no los datos

Un dashboard en árabe que publica nombres de productos, anuncios o emails solo en inglés está a medio hacer. Comprueba que el editor, la base de datos y los emails salientes llevan los dos idiomas.

Dejar el árabe para después del lanzamiento

Cada ml-, left- y texto escrito a mano en el código antes del árabe es un arreglo pendiente. Elegir una plantilla bilingüe desde el principio cuesta menos que convertir una después.

Preguntas frecuentes

¿Tailwind CSS es compatible con RTL?

Sí. Tailwind CSS tiene utilidades lógicas como ms-* y me-*, que definen margin-inline-start y margin-inline-end y siguen el atributo dir, además de las variantes rtl: y ltr: para los estilos que deben cambiar según la dirección (variantes RTL de Tailwind CSS). Las plantillas escritas con utilidades lógicas desde el principio necesitan muchos menos overrides.

¿Material UI está preparado para RTL?

Sí, pero hay que activarlo. La guía de MUI pone dir="rtl" en el elemento html, crea el tema con direction: 'rtl' y añade el plugin RTL de stylis a la caché de Emotion. Los componentes que se renderizan en portales, como Dialog, necesitan su propio dir. Las plantillas MUI de esta lista anuncian soporte RTL, así que esta configuración ya debería estar hecha; confírmalo en la demo.

¿Cómo añado el árabe a un dashboard en Next.js?

Añade enrutado por idioma, archivos de mensajes en árabe y gestión de la dirección, y después corrige el diseño y el formato. En este orden:

Enruta por idioma con un segmento [lang] o con una librería como next-intl, para que existan las páginas /ar.
Pasa todos los textos visibles a archivos de mensajes y añade un archivo en árabe.
Define lang y dir en el elemento html según el idioma activo.
Sustituye las clases de izquierda y derecha por clases lógicas, e invierte los iconos direccionales.
Formatea números, monedas y fechas según el idioma.
Traduce los mensajes de validación, los toasts y las plantillas de email.

Una plantilla que ya incluye el árabe, como los dashboards de Aniq UI, te ahorra casi toda esta lista.

¿Qué diferencia hay entre soporte RTL y traducción completa al árabe?

El soporte RTL invierte el diseño; la traducción completa al árabe además sustituye cada texto, formatea números y fechas para el árabe y le da al árabe sus propias URL. La mayoría de las páginas de la competencia de esta lista declaran soporte RTL y multilingüe sin nombrar el árabe, así que espera texto en inglés dentro de un diseño de derecha a izquierda hasta que lo traduzcas.

¿Cuál es la mejor plantilla de dashboard de administración RTL gratis?

shadcn-admin es la opción gratis más sólida para React: licencia MIT, hecha con shadcn/ui y Vite, con soporte RTL. Para HTML puro o Bootstrap, Tabler es gratis con licencia MIT e incluye cada hoja de estilos en versión RTL (41,9k estrellas en GitHub, octubre de 2026). No encontramos ninguna plantilla de administración gratis en Next.js cuya página oficial declare soporte RTL; la edición gratis de Materio, por ejemplo, reserva el RTL para la versión Pro.

¿Cuál es la mejor plantilla de dashboard de administración RTL premium?

Para árabe completo con backend opcional, el Panel de administración con asistente de IA de Aniq UI, desde $99. Para equipos que trabajan con Material UI, Materio o Minimal, ambas desde $69 en la MUI Store. Para equipos Tailwind que necesitan versiones en HTML, React y Next.js de un mismo diseño, Metronic, desde $49, después de confirmar el RTL en el paquete de Next.js.

Conclusión

Elige según cuánto árabe necesitas. Si tus usuarios trabajan en árabe a diario, elige una plantilla que incluya el árabe como idioma: el panel de administración con asistente de IA de Aniq UI para paneles generales, el Dashboard financiero para fintech o el Dashboard para agencias inmobiliarias para anuncios bilingües. Si solo necesitas soporte de dirección en un diseño MUI, Materio, Vuexy, Minimal, Berry y Modernize declaran RTL. Los equipos Tailwind que trabajan con varios frameworks deberían mirar Metronic, y para empezar gratis está shadcn-admin.

Los ocho dashboards de Aniq UI, con demos en vivo, están en la página de plantillas de dashboard en Next.js. Si creas paneles en árabe para varios clientes o sectores, el Next.js Templates Bundle incluye los ocho dashboards entre sus diez plantillas premium.

Fuentes

Revisado en octubre de 2026.