Native-UI
Native-UI - design system per React Native
Un design system per React Native - componenti dal feeling nativo su iOS e Android.
Design System
Informazioni
Native-UI è un design system per React Native costruito su token, temi e primitive orientate all'accessibilità. Fornisce 32 componenti e 9 primitive di layout - Button, Input, Select, BottomSheet, HeaderBar, ListItem, Toast, Modal e altro - ognuno con comportamento corretto sia su iOS che su Android, con temi chiaro / scuro completi, supporto reduce-motion e API tipizzate. Pubblicato come @polprog/native-ui su npm, alimenta diversi prodotti mobile interni ed è ora pubblicamente disponibile sotto licenza MIT.
Funzionalità principali
Temi basati su token
Ogni superficie - colore, spaziatura, raggio, tipografia, ombra - è un token con nome. Cambia tema chiaro / scuro / personalizzato tramite un singolo provider; i componenti leggono solo i token, quindi una modifica si propaga in tutto il sistema.
40+ componenti e primitive
32 componenti - Button, Input, Select, BottomSheet, HeaderBar, ListItem, Modal, Toast, Switch, Checkbox, Radio, Card, Avatar, Badge, Chip, Spinner, Skeleton, SearchBar e altro - più 9 primitive di layout (Box, Stack, Heading, Text, Divider).
Comportamento nativo per piattaforma
iOS utilizza il feedback di pressione nativo SF e le dimensioni dei fogli; Android utilizza ripple ed elevazione Material. Stesse props, comportamento corretto per piattaforma - nessun codice specifico per piattaforma nella tua app.
Accessibilità al primo posto
Ogni componente interattivo include etichette, hit-slop, ordine di focus, ruoli per screen reader e rispetto di reduce-motion. Sovrascrivi le impostazioni predefinite per istanza quando necessario.
API completamente tipizzate
100% TypeScript. Tipi esaustivi per props, varianti e contratti dei temi con autocompletamento nell'editor - così gli errori vengono intercettati prima del runtime.
Zero dipendenze runtime
Nessuna libreria di stile, nessun framework UI pesante - solo React Native più un sottile theme provider. Ingombro di installazione minimo, nessun rischio di blocco versione.
Temi basati su token
Ogni superficie - colore, spaziatura, raggio, tipografia, ombra - è un token con nome. Cambia tema chiaro / scuro / personalizzato tramite un singolo provider; i componenti leggono solo i token, quindi una modifica si propaga in tutto il sistema.
40+ componenti e primitive
32 componenti - Button, Input, Select, BottomSheet, HeaderBar, ListItem, Modal, Toast, Switch, Checkbox, Radio, Card, Avatar, Badge, Chip, Spinner, Skeleton, SearchBar e altro - più 9 primitive di layout (Box, Stack, Heading, Text, Divider).
Comportamento nativo per piattaforma
iOS utilizza il feedback di pressione nativo SF e le dimensioni dei fogli; Android utilizza ripple ed elevazione Material. Stesse props, comportamento corretto per piattaforma - nessun codice specifico per piattaforma nella tua app.
Accessibilità al primo posto
Ogni componente interattivo include etichette, hit-slop, ordine di focus, ruoli per screen reader e rispetto di reduce-motion. Sovrascrivi le impostazioni predefinite per istanza quando necessario.
API completamente tipizzate
100% TypeScript. Tipi esaustivi per props, varianti e contratti dei temi con autocompletamento nell'editor - così gli errori vengono intercettati prima del runtime.
Zero dipendenze runtime
Nessuna libreria di stile, nessun framework UI pesante - solo React Native più un sottile theme provider. Ingombro di installazione minimo, nessun rischio di blocco versione.
