Acabado de nivel nativo, listo para usar
Escalas tipográficas compacta y regular afinadas para iOS y Android. Aurora incluye Space Grotesk, Bloom combina Outfit con Plus Jakarta Sans, o usa cualquier fuente que cargues.
Novedades de la 2.0 MIT · React Native · v2.0.0
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.1+
- Android 7+
- React Native 0.84+
- Reanimated 4
- Listo para New Architecture
51
Componentes y primitivos
1022
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.
51 componentes de producción
41 componentes y 10 primitivos que cubren cada superficie de pantalla: botones, inputs, selectores de fecha, sheets, toasts, filas de lista, skeletons y más.
Tokens de diseño dirigidos por tema
Un sistema de tokens tipado para colores, tipografía, espaciado, radios y elevación, además de tokens por componente. Cambia la variante de tema, el acento o la densidad sin tocar el código del componente.
Presets de densidad tipográfica
Escalas compacta (la predeterminada) y regular con 18 variantes cada una, incluidas cifras tabulares, con interlineados y pesos preconfigurados.
Accesibilidad integrada
Los colores de texto cumplen el contraste WCAG AA en todas las superficies, los lectores de pantalla reciben roles, etiquetas y anuncios, y el movimiento reducido se respeta por defecto.
iOS y Android, una sola API
Hápticos, áreas seguras, gestión del teclado y diálogos siguen a cada plataforma tras una sola superficie de props. Cada etiqueta es localizable y los iconos se reflejan en diseños de derecha a izquierda.
1022 pruebas unitarias, tipado estricto
TypeScript estricto y una suite de Jest en cada cambio, y cada historia de Storybook se prueba en los temas claro, oscuro, de derecha a izquierda y de alto contraste.
Tree-shakeable y diminuto
Publicado como ESM y CJS, sin efectos secundarios, con una exportación por componente. Envía solo lo que tus pantallas importan.
Componentes
51 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
Control segmentado
Día
Semana
Mes
Selector de fecha
Fecha de vencimiento
12 nov 2026
Mosaico de estadística
Gastado este mes
2.450 €
12 % por debajo del presupuesto
Mosaicos de acción
Escanear
Enviar
Dividir
Progreso
0%
Playground de botones
Tipografía
Una escala tipográfica afinada para apps.
18 variantes con tamaños, interlineados y pesos afinados. Aquí se muestra la escala regular con tamaños de iOS. La escala compacta, pensada para pantallas con mucho contenido, es la predeterminada.
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 y elevación: tipados, tematizables y disponibles en cada componente.
Colores
Espaciado
2xs
2px
xs
4px
sm
8px
smPlus
12px
md
16px
mdPlus
20px
lg
24px
xl
32px
2xl
40px
3xl
56px
Radios
xs
6px
sm
10px
md
14px
lg
18px
xl
24px
2xl
32px
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, VStack } from '@polprog/native-ui';
export default function App() {
return (
<NativeUIProvider>
<Card>
<VStack gap="lg">
<Heading level={1}>Welcome</Heading>
<Button title="Get started" onPress={handlePress} />
</VStack>
</Card>
</NativeUIProvider>
);
}La diferencia
React Native puro vs. Native-UI
| Aspecto | React Native puro | Native-UI |
|---|---|---|
| Escala tipográfica | Hazlo tú por pantalla | 18 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 | Roles · etiquetas · anuncios · contraste de texto AA 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, selectores de fecha, 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 | 1022 pruebas unitarias incluidas en la librería |
En producción
Lanzado en apps reales
Apps de POLPROG en App Store y Google Play, construidas con los mismos componentes y tokens que este sitio.
CostBoard
Presupuestos del hogar y de reformas, presupuestos en PDF desde el móvil
Mantiene el presupuesto del hogar y los presupuestos de reformas como proyectos separados y permite a los profesionales enviar a un cliente un presupuesto en PDF directamente desde el móvil. Funciona sin conexión y sin cuenta.
- App Store
- Google Play
- Offline primero
- Sin cuenta
PhotoToPuzzle
Convierte cualquier foto en un puzle, con total privacidad
Un juego de puzles con fotos que prioriza la privacidad, para teléfonos y tabletas. Native-UI impulsa sus botones, tarjetas, modales, tokens de tema y diseños adaptativos, y las fotos nunca salen del dispositivo.
- App Store
- Google Play
- Teléfono + Tableta
- Offline primero
¿Listo para lanzar algo que se sienta nativo?
Instala Native-UI y dedica tu tiempo al producto, no a los píxeles.