Feinschliff auf Native-Niveau, sofort einsatzbereit
Kompakte und reguläre Schriftskalen, abgestimmt auf iOS und Android. Aurora kommt mit Space Grotesk, Bloom kombiniert Outfit mit Plus Jakarta Sans, oder du nutzt jede Schrift, die du lädst.
Was ist neu in 2.0 MIT · React Native · v2.0.0
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 für iOS und Android, mit produktionsreifem visuellem Feinschliff von Anfang an.
Läuft auf
- iOS 15.1+
- Android 7+
- React Native 0.84+
- Reanimated 4
- Bereit für New Architecture
51
Komponenten und Primitive
1022
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.
51 Produktionskomponenten
41 Komponenten und 10 Primitive für jede Bildschirmoberfläche: Buttons, Inputs, Datumsauswahl, Sheets, Toasts, Listenzeilen, Skeletons und mehr.
Theme-gesteuerte Design-Tokens
Ein typisiertes Token-System für Farben, Typografie, Abstände, Radien und Elevation, dazu Tokens pro Komponente. Wechsle Theme-Variante, Akzent oder Dichte, ohne Komponentencode anzufassen.
Typografie-Dichte-Presets
Kompakte (Standard) und reguläre Skala mit je 18 Varianten, einschließlich tabellarischer Ziffern, mit vorkonfigurierten Zeilenhöhen und Schriftstärken.
Barrierefreiheit von Grund auf
Textfarben erfüllen auf jeder Oberfläche den WCAG-AA-Kontrast, Screenreader erhalten Rollen, Labels und Ansagen, und reduzierte Bewegung wird standardmäßig berücksichtigt.
iOS und Android, eine API
Haptik, sichere Bereiche, Tastaturverhalten und Dialoge folgen der jeweiligen Plattform hinter einer einzigen Prop-Oberfläche. Jedes Label ist lokalisierbar, und Icons werden in Rechts-nach-links-Layouts gespiegelt.
1022 Unit-Tests, strikt typisiert
TypeScript strict und eine Jest-Suite bei jeder Änderung, und jede Storybook-Story wird in hellen, dunklen, Rechts-nach-links- und Hochkontrast-Themes getestet.
Tree-shakeable und winzig
Veröffentlicht als ESM und CJS, frei von Seiteneffekten, mit einem Export pro Komponente. Liefere nur aus, was deine Bildschirme importieren.
Komponenten
51 Teile. Eine visuelle Sprache.
Jede Oberfläche, die ein Produkt braucht, zusammengesetzt aus demselben Theme, denselben Tokens und demselben 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
Segmentierte Auswahl
Tag
Woche
Monat
Datumsauswahl
Fällig am
12. Nov. 2026
Statistik-Kachel
Ausgaben diesen Monat
2.450 €
12% unter Budget
Aktionskacheln
Scannen
Senden
Aufteilen
Fortschritt
0%
Button-Playground
Typografie
Eine für Apps abgestimmte Schriftskala.
18 Varianten mit abgestimmten Größen, Zeilenhöhen und Schriftstärken. Hier zu sehen ist die reguläre Skala in iOS-Größen. Die kompakte Skala für inhaltsdichte Bildschirme ist der Standard.
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 und Elevation: typisiert, thembar und für jede Komponente verfügbar.
Farben
Abstände
2xs
2px
xs
4px
sm
8px
smPlus
12px
md
16px
mdPlus
20px
lg
24px
xl
32px
2xl
40px
3xl
56px
Radien
xs
6px
sm
10px
md
14px
lg
18px
xl
24px
2xl
32px
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, VStack } from '@polprog/native-ui';
export default function App() {
return (
<NativeUIProvider>
<Card>
<VStack gap="lg">
<Heading level={1}>Welcome</Heading>
<Button title="Get started" onPress={handlePress} />
</VStack>
</Card>
</NativeUIProvider>
);
}Der Unterschied
Reines React Native vs. Native-UI
| Thema | Reines React Native | Native-UI |
|---|---|---|
| Schriftskala | Pro Bildschirm selbst gebaut | 18 vorabgestimmte Varianten · 2 Dichte-Presets |
| Design-Tokens | Manuelle StyleSheet-Konstanten | Stark typisiertes Theme · in einer Zeile tauschen |
| Barrierefreiheit | Opt-in pro Komponente | Rollen · Labels · Ansagen · AA-Textkontrast 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, Datumsauswahl, 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 | 1022 mit der Bibliothek ausgelieferte Unit-Tests |
In Produktion
Im Einsatz in echten Apps
POLPROG-Apps im App Store und bei Google Play, gebaut mit denselben Komponenten und Tokens wie diese Website.
CostBoard
Haushalts- und Renovierungsbudgets, PDF-Angebote direkt vom Smartphone
Führt das Haushaltsbudget und Renovierungsbudgets als getrennte Projekte und lässt Handwerker ihren Kunden ein PDF-Angebot direkt vom Smartphone schicken. Funktioniert offline und ohne Konto.
- App Store
- Google Play
- Offline-first
- Ohne Konto
PhotoToPuzzle
Mach aus jedem Foto ein Puzzle, ganz privat
Ein datenschutzorientiertes Foto-Puzzlespiel für Smartphones und Tablets. Native-UI steuert seine Buttons, Karten, Modals, Theme-Tokens und adaptiven Layouts, während die Fotos das Gerät nie verlassen.
- App Store
- Google Play
- Smartphone + Tablet
- Offline-first
Bereit, etwas auszuliefern, das sich nativ anfühlt?
Installiere Native-UI und verbringe deine Zeit mit dem Produkt, nicht mit Pixeln.