Native-UI
Native-UI - React-Native-Designsystem
Ein React Native Design System - nativ wirkende Komponenten auf iOS und Android.
Design-System
Über
Native-UI ist ein React Native Design System, das auf Tokens, Themes und barrierefreiheitsorientierte Primitive aufbaut. Es liefert 32 Komponenten und 9 Layout-Primitive - Button, Input, Select, BottomSheet, HeaderBar, ListItem, Toast, Modal und mehr - die sich alle korrekt auf iOS und Android verhalten, mit vollständigen hellen / dunklen Themes, reduce-motion-Unterstützung und typisierten APIs. Veröffentlicht als @polprog/native-ui auf npm, betreibt es mehrere interne mobile Produkte und ist jetzt öffentlich unter der MIT-Lizenz.
Hauptfunktionen
Token-basierte Themes
Jede Oberfläche - Farbe, Abstand, Radius, Typografie, Schatten - ist ein benanntes Token. Wechseln Sie helle / dunkle / eigene Themes über einen einzigen Provider; Komponenten lesen nur Tokens, eine Änderung propagiert systemweit.
40+ Komponenten & Primitive
32 Produktionskomponenten - Button, Input, Select, BottomSheet, HeaderBar, ListItem, Modal, Toast, Switch, Checkbox, Radio, Card, Avatar, Badge, Chip, Spinner, Skeleton, SearchBar und mehr - plus 9 Layout-Primitive (Box, Stack, Heading, Text, Divider).
Nativ wirkendes Plattformverhalten
iOS verwendet SF-natives Druckfeedback und Sheet-Dimensionierung; Android verwendet Ripple und Material Elevation. Gleiche Props, korrektes Plattformverhalten - kein plattformspezifischer Code in Ihrer App.
Barrierefreiheit an erster Stelle
Jede interaktive Komponente wird mit Labels, Hit-Slops, Fokusreihenfolge, Screenreader-Rollen und Respekt vor reduce-motion ausgeliefert. Überschreiben Sie jede Voreinstellung pro Instanz nach Bedarf.
Vollständig typisiertes API
100% TypeScript. Erschöpfende Prop-Typen, Varianten und Theme-Verträge werden in Ihrem Editor automatisch vervollständigt - fehlerhafte Nutzung wird vor der Laufzeit erkannt.
Null Runtime-Abhängigkeiten
Keine Styling-Bibliotheken, keine schwergewichtigen UI-Frameworks - nur React Native selbst plus ein schlanker Theme-Provider. Minimaler Installationsfußabdruck, kein Versions-Lock-Risiko.
Token-basierte Themes
Jede Oberfläche - Farbe, Abstand, Radius, Typografie, Schatten - ist ein benanntes Token. Wechseln Sie helle / dunkle / eigene Themes über einen einzigen Provider; Komponenten lesen nur Tokens, eine Änderung propagiert systemweit.
40+ Komponenten & Primitive
32 Produktionskomponenten - Button, Input, Select, BottomSheet, HeaderBar, ListItem, Modal, Toast, Switch, Checkbox, Radio, Card, Avatar, Badge, Chip, Spinner, Skeleton, SearchBar und mehr - plus 9 Layout-Primitive (Box, Stack, Heading, Text, Divider).
Nativ wirkendes Plattformverhalten
iOS verwendet SF-natives Druckfeedback und Sheet-Dimensionierung; Android verwendet Ripple und Material Elevation. Gleiche Props, korrektes Plattformverhalten - kein plattformspezifischer Code in Ihrer App.
Barrierefreiheit an erster Stelle
Jede interaktive Komponente wird mit Labels, Hit-Slops, Fokusreihenfolge, Screenreader-Rollen und Respekt vor reduce-motion ausgeliefert. Überschreiben Sie jede Voreinstellung pro Instanz nach Bedarf.
Vollständig typisiertes API
100% TypeScript. Erschöpfende Prop-Typen, Varianten und Theme-Verträge werden in Ihrem Editor automatisch vervollständigt - fehlerhafte Nutzung wird vor der Laufzeit erkannt.
Null Runtime-Abhängigkeiten
Keine Styling-Bibliotheken, keine schwergewichtigen UI-Frameworks - nur React Native selbst plus ein schlanker Theme-Provider. Minimaler Installationsfußabdruck, kein Versions-Lock-Risiko.
