Native-UI
Native-UI - design system pour React Native
Un design system React Native - des composants au ressenti natif sur iOS et Android.
Système de design
À propos
Native-UI est un design system React Native, construit autour de tokens, de thèmes et de primitives pensées pour l'accessibilité. Il fournit 32 composants et 9 primitives de mise en page - Button, Input, Select, BottomSheet, HeaderBar, ListItem, Toast, Modal et plus - chacun se comportant correctement sur iOS et Android, avec des thèmes clair / sombre complets, le support reduce-motion et des API typées. Publié comme @polprog/native-ui sur npm, il fait tourner plusieurs produits mobiles internes et est désormais public sous la licence MIT.
Fonctionnalités clés
Thèmes basés sur les tokens
Chaque surface - couleur, espacement, rayon, typographie, ombre - est un token nommé. Basculez entre thèmes clair / sombre / personnalisé via un seul provider ; les composants ne lisent que les tokens, un changement se propage à l'ensemble du système.
40+ composants et primitives
32 composants - Button, Input, Select, BottomSheet, HeaderBar, ListItem, Modal, Toast, Switch, Checkbox, Radio, Card, Avatar, Badge, Chip, Spinner, Skeleton, SearchBar et plus - ainsi que 9 primitives de mise en page (Box, Stack, Heading, Text, Divider).
Comportement natif par plateforme
iOS utilise le retour de pression natif SF et le dimensionnement des sheets ; Android utilise ripple et l'élévation Material. Mêmes props, comportement correct par plateforme - pas de code spécifique à la plateforme dans votre application.
Accessibilité d'abord
Chaque composant interactif est livré avec des labels, hit-slops, ordre de focus, rôles de lecteur d'écran et respect de reduce-motion. Surchargez n'importe quelle valeur par défaut par instance si nécessaire.
API entièrement typée
100% TypeScript. Types de props exhaustifs, variantes et contrats de thèmes s'auto-complètent dans votre éditeur - une utilisation incorrecte est détectée avant l'exécution.
Zéro dépendance d'exécution
Pas de bibliothèques de style, pas de frameworks UI lourds - juste React Native lui-même et un provider de thème léger. Empreinte d'installation minimale, aucun risque de verrouillage de version.
Thèmes basés sur les tokens
Chaque surface - couleur, espacement, rayon, typographie, ombre - est un token nommé. Basculez entre thèmes clair / sombre / personnalisé via un seul provider ; les composants ne lisent que les tokens, un changement se propage à l'ensemble du système.
40+ composants et primitives
32 composants - Button, Input, Select, BottomSheet, HeaderBar, ListItem, Modal, Toast, Switch, Checkbox, Radio, Card, Avatar, Badge, Chip, Spinner, Skeleton, SearchBar et plus - ainsi que 9 primitives de mise en page (Box, Stack, Heading, Text, Divider).
Comportement natif par plateforme
iOS utilise le retour de pression natif SF et le dimensionnement des sheets ; Android utilise ripple et l'élévation Material. Mêmes props, comportement correct par plateforme - pas de code spécifique à la plateforme dans votre application.
Accessibilité d'abord
Chaque composant interactif est livré avec des labels, hit-slops, ordre de focus, rôles de lecteur d'écran et respect de reduce-motion. Surchargez n'importe quelle valeur par défaut par instance si nécessaire.
API entièrement typée
100% TypeScript. Types de props exhaustifs, variantes et contrats de thèmes s'auto-complètent dans votre éditeur - une utilisation incorrecte est détectée avant l'exécution.
Zéro dépendance d'exécution
Pas de bibliothèques de style, pas de frameworks UI lourds - juste React Native lui-même et un provider de thème léger. Empreinte d'installation minimale, aucun risque de verrouillage de version.
