Design system pour React Native
Un design system React Native - des composants au ressenti natif sur iOS et Android.
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.
Les fonctions essentielles expliquées de manière concrète.
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.
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).
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.
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.
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.
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.
Un parcours clair de la source officielle à votre première utilisation réussie.
Utilisez l'un des liens officiels disponibles pour votre appareil ou votre navigateur.
Suivez les instructions de la boutique ou ouvrez l'application web. Aucun programme d'installation tiers.
Consultez les options, choisissez vos préférences et commencez par le flux principal.
Une vue transparente des technologies principales utilisées pour créer et maintenir ce produit.
