React-Native-Designsystem
Ein React Native Design System - nativ wirkende Komponenten auf iOS und Android.
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.
Die wichtigsten Funktionen praxisnah erklärt.
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.
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).
iOS verwendet SF-natives Druckfeedback und Sheet-Dimensionierung; Android verwendet Ripple und Material Elevation. Gleiche Props, korrektes Plattformverhalten - kein plattformspezifischer Code in Ihrer App.
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.
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.
Keine Styling-Bibliotheken, keine schwergewichtigen UI-Frameworks - nur React Native selbst plus ein schlanker Theme-Provider. Minimaler Installationsfußabdruck, kein Versions-Lock-Risiko.
Ein klarer Weg von der offiziellen Quelle bis zum ersten erfolgreichen Einsatz.
Nutzen Sie einen der offiziellen Links für Ihr Gerät oder Ihren Browser.
Folgen Sie den Store-Anweisungen oder öffnen Sie die Webanwendung. Keine Drittanbieter-Installer.
Prüfen Sie die Optionen, wählen Sie Ihre Einstellungen und beginnen Sie mit dem zentralen Workflow.
Ein transparenter Blick auf die Kerntechnologien für Entwicklung und Wartung dieses Produkts.
