Native-UI
Native-UI - design systém pro React Native
Design systém pro React Native - komponenty s nativním vzhledem na iOS i Android.
Nástroj pro vývojáře
O aplikaci
Native-UI je design systém pro React Native postavený na tokenech, motivech a primitivech s důrazem na přístupnost. Dodává 32 komponent a 9 layoutových primitiv - Button, Input, Select, BottomSheet, HeaderBar, ListItem, Toast, Modal a další - každá se správně chová na iOS i Android, s plnými světlými / tmavými motivy, podporou reduce-motion a typovanými API. Publikováno jako @polprog/native-ui na npm, pohání několik interních mobilních produktů a je nyní veřejně dostupné pod licencí MIT.
Klíčové funkce
Motivy založené na tokenech
Každý povrch - barva, mezera, poloměr, typografie, stín - je pojmenovaný token. Přepínejte světlý / tmavý / vlastní motiv jediným providerem; komponenty čtou pouze tokeny, takže jedna změna se propaguje systémově.
40+ komponent a primitiv
32 komponent - Button, Input, Select, BottomSheet, HeaderBar, ListItem, Modal, Toast, Switch, Checkbox, Radio, Card, Avatar, Badge, Chip, Spinner, Skeleton, SearchBar a další - plus 9 layoutových primitiv (Box, Stack, Heading, Text, Divider).
Nativní chování podle platformy
iOS používá nativní SF zpětnou vazbu a rozměry sheets; Android používá ripple a Material elevation. Stejné props, správné chování na každé platformě - žádný platformově specifický kód ve vaší aplikaci.
Přístupnost na prvním místě
Každá interaktivní komponenta přichází s popisky, hit-slopy, pořadím fokusu, rolemi pro čtečky obrazovky a respektováním reduce-motion. Přepište jakékoli výchozí nastavení pro konkrétní instanci dle potřeby.
Plně typované API
100% TypeScript. Vyčerpávající typy props, variant a kontraktů motivů se automaticky doplňují v editoru - chybné použití je zachyceno ještě před runtime.
Nula runtime závislostí
Žádné stylovací knihovny, žádné těžkopádné UI frameworky - jen samotný React Native plus tenký theme provider. Minimální instalační stopa, žádné riziko uzamčení verzí.
Motivy založené na tokenech
Každý povrch - barva, mezera, poloměr, typografie, stín - je pojmenovaný token. Přepínejte světlý / tmavý / vlastní motiv jediným providerem; komponenty čtou pouze tokeny, takže jedna změna se propaguje systémově.
40+ komponent a primitiv
32 komponent - Button, Input, Select, BottomSheet, HeaderBar, ListItem, Modal, Toast, Switch, Checkbox, Radio, Card, Avatar, Badge, Chip, Spinner, Skeleton, SearchBar a další - plus 9 layoutových primitiv (Box, Stack, Heading, Text, Divider).
Nativní chování podle platformy
iOS používá nativní SF zpětnou vazbu a rozměry sheets; Android používá ripple a Material elevation. Stejné props, správné chování na každé platformě - žádný platformově specifický kód ve vaší aplikaci.
Přístupnost na prvním místě
Každá interaktivní komponenta přichází s popisky, hit-slopy, pořadím fokusu, rolemi pro čtečky obrazovky a respektováním reduce-motion. Přepište jakékoli výchozí nastavení pro konkrétní instanci dle potřeby.
Plně typované API
100% TypeScript. Vyčerpávající typy props, variant a kontraktů motivů se automaticky doplňují v editoru - chybné použití je zachyceno ještě před runtime.
Nula runtime závislostí
Žádné stylovací knihovny, žádné těžkopádné UI frameworky - jen samotný React Native plus tenký theme provider. Minimální instalační stopa, žádné riziko uzamčení verzí.
