Native-UI
Native-UI - React Native-designsysteem
Een React Native design system - native-aanvoelende componenten op iOS en Android.
Design System
Over
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.
Belangrijkste functies
Token-gebaseerde thema's
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.
40+ componenten en primitieven
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).
Native-aanvoelend platformgedrag
iOS gebruikt SF-native press-feedback en sheet-afmetingen; Android gebruikt ripple en Material-elevatie. Dezelfde props, correct platformgedrag - geen platformcode in je app.
Toegankelijkheid voorop
Elk interactief component wordt geleverd met labels, hit-slops, focusvolgorde, screenreader-rollen en reduce-motion-respect. Overschrijf elke standaard per instantie wanneer nodig.
Volledig getypeerde API
100% TypeScript. Uitputtende prop-types, varianten en themacontracten autocompleten in je editor - zodat foutief gebruik vóór runtime wordt opgemerkt.
Nul runtime-afhankelijkheden
Geen styling-bibliotheken, geen zware UI-frameworks - alleen React Native zelf plus een dunne themaprovider. Minimale installatieomvang, geen risico op version-lock.
Token-gebaseerde thema's
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.
40+ componenten en primitieven
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).
Native-aanvoelend platformgedrag
iOS gebruikt SF-native press-feedback en sheet-afmetingen; Android gebruikt ripple en Material-elevatie. Dezelfde props, correct platformgedrag - geen platformcode in je app.
Toegankelijkheid voorop
Elk interactief component wordt geleverd met labels, hit-slops, focusvolgorde, screenreader-rollen en reduce-motion-respect. Overschrijf elke standaard per instantie wanneer nodig.
Volledig getypeerde API
100% TypeScript. Uitputtende prop-types, varianten en themacontracten autocompleten in je editor - zodat foutief gebruik vóór runtime wordt opgemerkt.
Nul runtime-afhankelijkheden
Geen styling-bibliotheken, geen zware UI-frameworks - alleen React Native zelf plus een dunne themaprovider. Minimale installatieomvang, geen risico op version-lock.
