Native-UI
Native-UI - sistema de diseño para React Native
Un sistema de diseño React Native - componentes con sensación nativa en iOS y Android.
Sistema de diseño
Acerca de
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.
Características principales
Temas basados en tokens
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.
40+ componentes y primitivos
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).
Comportamiento nativo por plataforma
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.
Accesibilidad primero
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.
API completamente tipada
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.
Cero dependencias en 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.
Temas basados en tokens
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.
40+ componentes y primitivos
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).
Comportamiento nativo por plataforma
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.
Accesibilidad primero
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.
API completamente tipada
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.
Cero dependencias en 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.
