Native-UI
Native-UI - design systém pre React Native
Design systém pre React Native - komponenty s natívnym pocitom na iOS aj Android.
Nástroj pre vývojárov
O projekte
Native-UI je design systém pre React Native postavený na tokenoch, motívoch a primitívach s dôrazom na prístupnosť. Dodáva 32 komponentov a 9 layoutových primitív - Button, Input, Select, BottomSheet, HeaderBar, ListItem, Toast, Modal a ďalšie - každý so správnym správaním na iOS aj Android, s plnými svetlými / tmavými motívmi, podporou reduce-motion a typovanými API. Publikované ako @polprog/native-ui na npm, poháňa niekoľko interných mobilných produktov a je teraz verejne dostupné pod licenciou MIT.
Kľúčové funkcie
Motívy založené na tokenoch
Každý povrch - farba, medzera, polomer, typografia, tieň - je pomenovaný token. Prepínajte svetlý / tmavý / vlastný motív jedným providerom; komponenty čítajú iba tokeny, takže jedna zmena sa propaguje systémovo.
40+ komponentov a primitív
32 komponentov - Button, Input, Select, BottomSheet, HeaderBar, ListItem, Modal, Toast, Switch, Checkbox, Radio, Card, Avatar, Badge, Chip, Spinner, Skeleton, SearchBar a ďalšie - plus 9 layoutových primitív (Box, Stack, Heading, Text, Divider).
Natívne správanie podľa platformy
iOS používa natívnu SF spätnú väzbu a rozmery sheetov; Android používa ripple a Material elevation. Rovnaké props, správne správanie na každej platforme - žiadny platformovo špecifický kód vo vašej aplikácii.
Prístupnosť na prvom mieste
Každý interaktívny komponent prichádza s popiskami, hit-slopmi, poradím fokusu, rolami pre čítačky obrazovky a rešpektovaním reduce-motion. Prepíšte akékoľvek predvolené nastavenie pre konkrétnu inštanciu podľa potreby.
Plne typované API
100% TypeScript. Vyčerpávajúce typy props, variantov a kontraktov motívov sa automaticky dopĺňajú v editore - chybné použitie je zachytené ešte pred runtime.
Nula runtime závislostí
Žiadne štylovacie knižnice, žiadne ťažkopádne UI frameworky - iba samotný React Native plus tenký theme provider. Minimálna inštalačná stopa, žiadne riziko uzamknutia verzií.
Motívy založené na tokenoch
Každý povrch - farba, medzera, polomer, typografia, tieň - je pomenovaný token. Prepínajte svetlý / tmavý / vlastný motív jedným providerom; komponenty čítajú iba tokeny, takže jedna zmena sa propaguje systémovo.
40+ komponentov a primitív
32 komponentov - Button, Input, Select, BottomSheet, HeaderBar, ListItem, Modal, Toast, Switch, Checkbox, Radio, Card, Avatar, Badge, Chip, Spinner, Skeleton, SearchBar a ďalšie - plus 9 layoutových primitív (Box, Stack, Heading, Text, Divider).
Natívne správanie podľa platformy
iOS používa natívnu SF spätnú väzbu a rozmery sheetov; Android používa ripple a Material elevation. Rovnaké props, správne správanie na každej platforme - žiadny platformovo špecifický kód vo vašej aplikácii.
Prístupnosť na prvom mieste
Každý interaktívny komponent prichádza s popiskami, hit-slopmi, poradím fokusu, rolami pre čítačky obrazovky a rešpektovaním reduce-motion. Prepíšte akékoľvek predvolené nastavenie pre konkrétnu inštanciu podľa potreby.
Plne typované API
100% TypeScript. Vyčerpávajúce typy props, variantov a kontraktov motívov sa automaticky dopĺňajú v editore - chybné použitie je zachytené ešte pred runtime.
Nula runtime závislostí
Žiadne štylovacie knižnice, žiadne ťažkopádne UI frameworky - iba samotný React Native plus tenký theme provider. Minimálna inštalačná stopa, žiadne riziko uzamknutia verzií.
