Acabado de nivel nativo, listo para usar
Un preset tipográfico de densidad compacta afinado para iOS y Android. Combina con Space Grotesk o cualquier fuente que uses.
Actualizado para 2026 MIT · React Native · v1.7.1
Crea productos que se sientan
nativos por defecto.
Native-UI es un sistema de diseño React Native multiplataforma de POLPROG - entrega componentes con sensación nativa en iOS y Android con un acabado visual de nivel producción listo para usar.
Funciona en
- iOS 15+
- Android 7+
- Expo SDK 50+
- React Native 0.74+
- Listo para New Architecture
40
Componentes y primitivos
188
Pruebas unitarias superadas
100%
TypeScript estricto
2
Presets de densidad
Por qué Native-UI
Todo lo que un equipo de producto necesita
para lanzar una app pulida.
Valores por defecto con criterio. APIs sin imposiciones. Paridad visual sin configuración - nativa en iOS, nativa en Android.
43 componentes de producción
34 componentes + 9 primitivos que cubren cada superficie de pantalla - Botones, Inputs, Sheets, Toasts, filas de lista, Skeletons, Confeti y más.
Tokens de diseño dirigidos por tema
Un sistema de tokens tipado para colores, tipografía, espaciado, radios y elevación. Cambia temas, densidad o marca sin tocar el código del componente.
Presets de densidad tipográfica
Presets Regular (17pt nativo de iOS) y Compacto (titular de 15pt) con interlineados, tracking y familias de peso correctamente preconfigurados.
Accesibilidad integrada
Roles accesibles, etiquetas, hit-slops, gestión del foco y soporte de movimiento reducido son valores por defecto - no opcionales.
iOS y Android, una sola API
Comportamientos según plataforma (hápticos, áreas seguras, modales, gestos) unificados tras una sola superficie de props - funciona en ambas plataformas sin código condicional.
188 pruebas unitarias, tipado estricto
Cada componente está totalmente tipado en modo estricto de TypeScript y cubierto por una amplia suite de Jest - para que actualices sin miedo.
Tree-shakeable y diminuto
Publicado como ESM + CJS con exportaciones individuales por componente. Envía solo lo que tu pantalla realmente importa.
Componentes
40 piezas. Un lenguaje visual.
Cada superficie que un producto necesita - compuesta con el mismo tema, tokens y sistema de movimiento.
Vista previa del tema
Botones
Chips
Hoy
Semana
Mes
Personalizado
Input
Insignias y avatares
AM
NU
Nuevo
3
Skeleton
Toast
Cambios guardados correctamente.
Tarjeta
Presupuesto mensual
3
Interruptor
Notificaciones
Resumen semanal
Lista
Perfil
John Doe
Idioma
Español
Progreso
0%
Playground de botones
Tipografía
Una escala tipográfica afinada para apps.
Diez variantes con tamaños, interlineados y tracking correctos para iOS - además de un preset compacto para pantallas con mucho contenido. Combina con Space Grotesk o cualquier fuente que uses.
Nativo por defecto
Sistema de diseño, entregado
Título de sección
Subsección
Titular de tarjeta
Texto de cuerpo destacado
Cuerpo - el tamaño de lectura por defecto usado en todo el sistema de diseño.
Subtítulo usado para subtítulos de lista y texto secundario.
Etiqueta de formulario
TÍTULO SUPERIOR DE SECCIÓN
Tokens de diseño
Una fuente de verdad para cada píxel.
Colores, espaciado, radios, elevación - tipados, tematizables y accesibles desde cada componente.
Colores
Espaciado
xs
4px
sm
8px
md
12px
lg
16px
xl
24px
2xl
32px
3xl
48px
Radios
sm
6px
md
10px
lg
14px
xl
20px
full
9999px
Instalación
Lanza tu primera pantalla
en menos de un minuto.
Añade el provider, importa componentes, listo. Sin configuración, sin escribir temas, sin pelear con tokens.
App.tsx
import { NativeUIProvider, Button, Card, Heading, Stack } from '@polprog/native-ui';
export default function App() {
return (
<NativeUIProvider>
<Card>
<Stack gap="lg">
<Heading level={1}>Welcome</Heading>
<Button variant="primary" onPress={handlePress}>
Get started
</Button>
</Stack>
</Card>
</NativeUIProvider>
);
}La diferencia
React Native puro vs. Native-UI
| Aspecto | React Native puro | Native-UI |
|---|---|---|
| Escala tipográfica | Hazlo tú por pantalla | 10 variantes preajustadas · 2 presets de densidad |
| Tokens de diseño | Constantes StyleSheet manuales | Tema fuertemente tipado · cámbialo en una línea |
| Accesibilidad | Opcional por componente | Etiquetas · roles · hit-slop · reduce-motion por defecto |
| Paridad de plataforma | Platform.select por todas partes | Props unificadas, comportamientos de plataforma encapsulados |
| Formularios e inputs | Construye tú label / helper / error | Input, TextArea, Select, Checkbox, Radio, Switch listos |
| Movimiento y hápticos | Instalar y conectar por separado | PressableScale, Toast, Confeti, Skeleton - integrados |
| Consistencia visual | Se desvía entre pantallas / equipos | Paridad de nivel producción impuesta por tokens |
| Red de seguridad de pruebas | Tu responsabilidad | 188 pruebas unitarias incluidas en la librería |
En producción
Usado en producción por PhotoToPuzzle
PhotoToPuzzle es un juego de puzles con fotos que prioriza la privacidad para iOS, Android, iPad y tabletas Android. Está construido sobre Native-UI y usa la librería en botones, tarjetas, modales, inputs, tokens de tema, espaciado y diseños adaptativos. La app funciona totalmente sin conexión, mantiene las fotos en el dispositivo y muestra cómo Native-UI da soporte a productos móviles reales en teléfonos y tabletas.
- App de producción
- iOS + Android
- Teléfono + Tableta
- Offline primero
- Hecho con Native-UI
¿Listo para lanzar algo que se sienta nativo?
Instala Native-UI y dedica tu tiempo al producto, no a los píxeles.