Finition de niveau natif, prête à l'emploi
Un preset typographique en densité compacte calibré pour iOS et Android. S'associe à Space Grotesk ou à toute police que vous livrez.
Mis à jour pour 2026 MIT · React Native · v1.7.1
Créez des produits qui semblent
natifs par défaut.
Native-UI est un design system React Native multiplateforme par POLPROG - livrant des composants à la sensation native sur iOS et Android avec une finition visuelle de qualité production dès le départ.
Fonctionne sur
- iOS 15+
- Android 7+
- Expo SDK 50+
- React Native 0.74+
- Prêt pour New Architecture
40
Composants et primitives
188
Tests unitaires réussis
100%
TypeScript strict
2
Presets de densité
Pourquoi Native-UI
Tout ce dont une équipe produit a besoin
pour livrer une app soignée.
Des choix par défaut affirmés. Des API sans imposition. Parité visuelle sans configuration - native sur iOS, native sur Android.
43 composants de production
34 composants + 9 primitives couvrant chaque surface d'écran - Boutons, Inputs, Sheets, Toasts, lignes de liste, Skeletons, Confettis et plus.
Tokens de design pilotés par le thème
Un système de tokens typé pour les couleurs, la typographie, l'espacement, les rayons et l'élévation. Changez de thème, de densité ou de marque sans toucher au code des composants.
Presets de densité typographique
Presets Regular (17pt natif iOS) et Compact (titre 15pt) avec interlignes, tracking et familles de graisses préconfigurés correctement.
Accessibilité intégrée
Rôles accessibles, libellés, hit-slops, gestion du focus et prise en charge du mouvement réduit sont des valeurs par défaut - pas des options.
iOS et Android, une seule API
Comportements adaptés à la plateforme (haptiques, zones sûres, modales, gestes) unifiés derrière une seule surface de props - fonctionne sur les deux plateformes sans code conditionnel.
188 tests unitaires, typage strict
Chaque composant est entièrement typé en mode strict TypeScript et couvert par une vaste suite Jest - pour que les utilisateurs mettent à jour sans crainte.
Tree-shakeable et minuscule
Publié en ESM + CJS avec des exports individuels par composant. Ne livrez que ce que votre écran importe réellement.
Composants
40 pièces. Un langage visuel.
Chaque surface dont un produit a besoin - composée à partir du même thème, des mêmes tokens et système de mouvement.
Aperçu du thème
Boutons
Chips
Aujourd'hui
Semaine
Mois
Personnalisé
Input
Badges et avatars
AM
NU
Nouveau
3
Skeleton
Toast
Modifications enregistrées avec succès.
Carte
Budget mensuel
3
Interrupteur
Notifications
Résumé hebdomadaire
Liste
Profil
John Doe
Langue
Français
Progression
0%
Terrain de jeu des boutons
Typographie
Une échelle typographique calibrée pour les apps.
Dix variantes avec des tailles, interlignes et tracking corrects pour iOS - plus un preset compact pour les écrans denses en contenu. S'associe à Space Grotesk ou à toute police que vous livrez.
Natif par défaut
Design system, livré
Titre de section
Sous-section
Titre de carte
Corps de texte mis en avant
Corps - la taille de lecture par défaut utilisée dans tout le design system.
Sous-titre utilisé pour les sous-titres de liste et le texte secondaire.
Libellé de formulaire
SURTITRE DE SECTION
Tokens de design
Une source de vérité pour chaque pixel.
Couleurs, espacement, rayons, élévation - typés, thématisables et accessibles depuis chaque composant.
Couleurs
Espacement
xs
4px
sm
8px
md
12px
lg
16px
xl
24px
2xl
32px
3xl
48px
Rayons
sm
6px
md
10px
lg
14px
xl
20px
full
9999px
Installation
Livrez votre premier écran
en moins d'une minute.
Ajoutez le provider, importez les composants, c'est fait. Aucune configuration, aucun thème à écrire, aucun token à manipuler.
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>
);
}La différence
React Native brut vs. Native-UI
| Sujet | React Native brut | Native-UI |
|---|---|---|
| Échelle typographique | À faire soi-même par écran | 10 variantes pré-calibrées · 2 presets de densité |
| Tokens de design | Constantes StyleSheet manuelles | Thème fortement typé · changé en une ligne |
| Accessibilité | En option par composant | Libellés · rôles · hit-slop · reduce-motion par défaut |
| Parité de plateforme | Platform.select éparpillé partout | Props unifiées, comportements de plateforme encapsulés |
| Formulaires et inputs | Construisez label / helper / erreur vous-même | Input, TextArea, Select, Checkbox, Radio, Switch prêts |
| Mouvement et haptiques | Installer et câbler séparément | PressableScale, Toast, Confettis, Skeleton - intégrés |
| Cohérence visuelle | Dérive entre écrans / équipes | Parité de qualité production imposée par les tokens |
| Filet de sécurité de tests | Votre responsabilité | 188 tests unitaires livrés avec la librairie |
En production
Utilisé en production par PhotoToPuzzle
PhotoToPuzzle est un jeu de puzzle photo respectueux de la vie privée pour iOS, Android, iPad et tablettes Android. Il est construit sur Native-UI et utilise la librairie pour les boutons, cartes, modales, inputs, tokens de thème, espacement et mises en page adaptatives. L'app fonctionne entièrement hors ligne, garde les photos sur l'appareil et montre comment Native-UI prend en charge de vrais produits mobiles sur téléphones et tablettes.
- App de production
- iOS + Android
- Téléphone + Tablette
- Hors ligne d'abord
- Construit avec Native-UI
Prêt à livrer quelque chose qui semble natif ?
Installez Native-UI et consacrez votre temps au produit, pas aux pixels.