Sistema de diseño para React Native
Un sistema de diseño React Native - componentes con sensación nativa en iOS y Android.
Native-UI es un sistema de diseño React Native construido sobre tokens, temas y primitivos con prioridad en la accesibilidad. Incluye 32 componentes y 9 primitivos de diseño - Button, Input, Select, BottomSheet, HeaderBar, ListItem, Toast, Modal y más - cada uno con comportamiento correcto en iOS y Android, temas claro / oscuro completos, soporte de reduce-motion y APIs tipadas. Publicado como @polprog/native-ui en npm, impulsa múltiples productos móviles internos y ahora es público bajo la licencia MIT.
Las capacidades más importantes explicadas de forma práctica.
Cada superficie - color, espaciado, radio, tipografía, sombra - es un token con nombre. Cambia temas claro / oscuro / personalizado mediante un solo proveedor; los componentes solo leen tokens, así que un cambio se propaga a todo el sistema.
32 componentes - Button, Input, Select, BottomSheet, HeaderBar, ListItem, Modal, Toast, Switch, Checkbox, Radio, Card, Avatar, Badge, Chip, Spinner, Skeleton, SearchBar y más - más 9 primitivos de diseño (Box, Stack, Heading, Text, Divider).
iOS usa retroalimentación de presión nativa de SF y dimensionado de sheets; Android usa ripple y elevación Material. Mismos props, comportamiento correcto por plataforma - sin código específico de plataforma en tu app.
Cada componente interactivo incluye etiquetas, hit-slops, orden de foco, roles de lector de pantalla y respeto por reduce-motion. Sobrescribe cualquier valor por defecto por instancia cuando sea necesario.
100% TypeScript. Tipos de props exhaustivos, variantes y contratos de temas se autocompletan en tu editor - el uso incorrecto se detecta antes del tiempo de ejecución.
Sin bibliotecas de estilos, sin frameworks UI pesados - solo React Native más un proveedor de temas ligero. Huella de instalación mínima, sin riesgo de bloqueo de versiones.
Un camino claro desde la fuente oficial hasta tu primer flujo completado.
Utiliza uno de los enlaces oficiales disponibles para tu dispositivo o navegador.
Sigue las instrucciones de la tienda o abre la aplicación web. Sin instaladores de terceros.
Revisa las opciones, elige tus preferencias y comienza con el flujo principal.
Una visión transparente de las tecnologías principales utilizadas para crear y mantener este producto.
