React Native-designsysteem
Een React Native design system - native-aanvoelende componenten op iOS en Android.
Native-UI is een React Native design system gebouwd rond tokens, thema's en accessibility-first primitieven. Het bevat 32 componenten en 9 layout-primitieven - Button, Input, Select, BottomSheet, HeaderBar, ListItem, Toast, Modal en meer - elk correct werkend op zowel iOS als Android, met volledige licht / donker thema's, reduce-motion-ondersteuning en getypeerde API's. Gepubliceerd als @polprog/native-ui op npm, drijft het meerdere interne mobiele producten aan en is nu publiek beschikbaar onder de MIT-licentie.
De belangrijkste mogelijkheden praktisch uitgelegd.
Elk oppervlak - kleur, spacing, radius, typografie, schaduw - is een benoemd token. Wissel licht / donker / aangepaste thema's via één enkele provider; componenten lezen alleen tokens, dus één wijziging propageert systeembreed.
32 productiecomponenten - Button, Input, Select, BottomSheet, HeaderBar, ListItem, Modal, Toast, Switch, Checkbox, Radio, Card, Avatar, Badge, Chip, Spinner, Skeleton, SearchBar en meer - plus 9 layout-primitieven (Box, Stack, Heading, Text, Divider).
iOS gebruikt SF-native press-feedback en sheet-afmetingen; Android gebruikt ripple en Material-elevatie. Dezelfde props, correct platformgedrag - geen platformcode in je app.
Elk interactief component wordt geleverd met labels, hit-slops, focusvolgorde, screenreader-rollen en reduce-motion-respect. Overschrijf elke standaard per instantie wanneer nodig.
100% TypeScript. Uitputtende prop-types, varianten en themacontracten autocompleten in je editor - zodat foutief gebruik vóór runtime wordt opgemerkt.
Geen styling-bibliotheken, geen zware UI-frameworks - alleen React Native zelf plus een dunne themaprovider. Minimale installatieomvang, geen risico op version-lock.
Een duidelijk pad van de officiële bron naar je eerste geslaagde workflow.
Gebruik een van de officiële links voor je apparaat of browser.
Volg de instructies van de store of open de webapplicatie. Geen installatieprogramma's van derden.
Bekijk de opties, kies je voorkeuren en begin met de belangrijkste workflow.
Een transparant overzicht van de kerntechnologieën waarmee dit product wordt gebouwd en onderhouden.
