Feinschliff auf Native-Niveau, sofort einsatzbereit
Ein Typografie-Preset in kompakter Dichte, abgestimmt auf iOS und Android. Passt zu Space Grotesk oder jeder Schrift, die du ausliefert.
Aktualisiert für 2026 MIT · React Native · v1.7.1
Baue Produkte, die sich anfühlen wie
nativ von Haus aus.
Native-UI ist ein plattformübergreifendes React-Native-Designsystem von POLPROG - es liefert sich nativ anfühlende Komponenten auf iOS und Android mit produktionsreifem visuellem Feinschliff von Anfang an.
Läuft auf
- iOS 15+
- Android 7+
- Expo SDK 50+
- React Native 0.74+
- Bereit für New Architecture
40
Komponenten und Primitive
188
Bestandene Unit-Tests
100%
TypeScript strict
2
Dichte-Presets
Warum Native-UI
Alles, was ein Produktteam braucht,
um eine ausgefeilte App auszuliefern.
Meinungsstarke Defaults. Meinungsfreie APIs. Visuelle Parität ohne Konfiguration - nativ auf iOS, nativ auf Android.
43 Produktionskomponenten
34 Komponenten + 9 Primitive für jede Bildschirmoberfläche - Buttons, Inputs, Sheets, Toasts, Listenzeilen, Skeletons, Konfetti und mehr.
Theme-gesteuerte Design-Tokens
Ein typisiertes Token-System für Farben, Typografie, Abstände, Radien und Elevation. Wechsle Themes, Dichte oder Marke, ohne Komponentencode anzufassen.
Typografie-Dichte-Presets
Presets Regular (iOS-nativ 17pt) und Kompakt (15pt Headline) mit korrekten Zeilenhöhen, Tracking und vorkonfigurierten Schriftfamilien.
Barrierefreiheit von Grund auf
Barrierefreie Rollen, Labels, Hit-Slops, Fokus-Management und Reduced-Motion-Unterstützung sind Defaults - keine Opt-ins.
iOS und Android, eine API
Plattformbewusste Verhalten (Haptik, sichere Bereiche, Modals, Gesten) hinter einer einzigen Prop-Oberfläche vereint - funktioniert auf beiden Plattformen ohne bedingten Code.
188 Unit-Tests, strikt typisiert
Jede Komponente ist im TypeScript-Strict-Modus vollständig typisiert und durch eine umfangreiche Jest-Suite abgedeckt - damit Nutzer ohne Angst aktualisieren.
Tree-shakeable und winzig
Veröffentlicht als ESM + CJS mit einzelnen Komponenten-Exports. Liefere nur das aus, was dein Bildschirm tatsächlich importiert.
Komponenten
40 Teile. Eine visuelle Sprache.
Jede Oberfläche, die ein Produkt braucht - zusammengesetzt aus demselben Theme, denselben Tokens und Motion-System.
Design-Vorschau
Buttons
Chips
Heute
Woche
Monat
Eigene
Input
Badges und Avatare
AM
NU
Neu
3
Skeleton
Toast
Änderungen erfolgreich gespeichert.
Karte
Monatsbudget
3
Schalter
Benachrichtigungen
Wöchentliche Übersicht
Liste
Profil
John Doe
Sprache
Deutsch
Fortschritt
0%
Button-Playground
Typografie
Eine für Apps abgestimmte Schriftskala.
Zehn Varianten mit iOS-korrekten Größen, Zeilenhöhen und Tracking - plus ein kompaktes Preset für inhaltsdichte Bildschirme. Passt zu Space Grotesk oder jeder Schrift, die du auslieferst.
Nativ von Haus aus
Designsystem, ausgeliefert
Abschnittstitel
Unterabschnitt
Karten-Überschrift
Hervorgehobener Fließtext
Fließtext - die Standard-Lesegröße im gesamten Designsystem.
Unterzeile für Listen-Untertitel und sekundären Text.
Formular-Label
ABSCHNITTS-ÜBERZEILE
Design-Tokens
Eine Quelle der Wahrheit für jeden Pixel.
Farben, Abstände, Radien, Elevation - typisiert, thembar und aus jeder Komponente zugänglich.
Farben
Abstände
xs
4px
sm
8px
md
12px
lg
16px
xl
24px
2xl
32px
3xl
48px
Radien
sm
6px
md
10px
lg
14px
xl
20px
full
9999px
Installation
Liefere deinen ersten Bildschirm
in unter einer Minute.
Provider einsetzen, Komponenten importieren, fertig. Keine Konfiguration, kein Theme-Schreiben, kein Token-Gerangel nötig.
App.tsx
import { NativeUIProvider, Button, Card, Heading, Stack } from '@polprog/native-ui';
export default function App() {
return (
<NativeUIProvider>
<Card>
<Stack gap="lg">
<Heading level={1}>Welcome</Heading>
<Button variant="primary" onPress={handlePress}>
Get started
</Button>
</Stack>
</Card>
</NativeUIProvider>
);
}Der Unterschied
Reines React Native vs. Native-UI
| Thema | Reines React Native | Native-UI |
|---|---|---|
| Schriftskala | Pro Bildschirm selbst gebaut | 10 vorabgestimmte Varianten · 2 Dichte-Presets |
| Design-Tokens | Manuelle StyleSheet-Konstanten | Stark typisiertes Theme · in einer Zeile tauschen |
| Barrierefreiheit | Opt-in pro Komponente | Labels · Rollen · Hit-Slop · Reduce-Motion standardmäßig |
| Plattform-Parität | Platform.select überall verstreut | Vereinheitlichte Props, Plattformverhalten gekapselt |
| Formulare und Inputs | Label / Helper / Fehlerzustände selbst bauen | Input, TextArea, Select, Checkbox, Radio, Switch bereit |
| Motion und Haptik | Separat installieren und verdrahten | PressableScale, Toast, Konfetti, Skeleton - eingebaut |
| Visuelle Konsistenz | Driftet über Bildschirme / Teams | Produktionsreife Parität durch Tokens erzwungen |
| Test-Sicherheitsnetz | Deine Verantwortung | 188 mit der Bibliothek ausgelieferte Unit-Tests |
In Produktion
In Produktion verwendet von PhotoToPuzzle
PhotoToPuzzle ist ein datenschutzorientiertes Foto-Puzzlespiel für iOS, Android, iPad und Android-Tablets. Es basiert auf Native-UI und nutzt die Bibliothek über Buttons, Karten, Modals, Inputs, Theme-Tokens, Abstände und adaptive Layouts hinweg. Die App funktioniert vollständig offline, behält Fotos auf dem Gerät und zeigt, wie Native-UI echte Mobile-Produkte auf Smartphones und Tablets unterstützt.
- Produktions-App
- iOS + Android
- Smartphone + Tablet
- Offline-first
- Mit Native-UI gebaut
Bereit, etwas auszuliefern, das sich nativ anfühlt?
Installiere Native-UI und verbringe deine Zeit mit dem Produkt, nicht mit Pixeln.