Finition de niveau natif, prête à l'emploi
Des échelles typographiques compacte et standard calibrées pour iOS et Android. Aurora est livrée avec Space Grotesk, Bloom associe Outfit à Plus Jakarta Sans, ou utilisez toute police que vous chargez.
Nouveautés de la 2.0 MIT · React Native · v2.0.0
Créez des produits qui semblent
natifs par défaut.
Native-UI est un design system React Native multiplateforme par POLPROG. Il livre 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.1+
- Android 7+
- React Native 0.84+
- Reanimated 4
- Prêt pour New Architecture
51
Composants et primitives
1022
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.
51 composants de production
41 composants et 10 primitives couvrant chaque surface d'écran : boutons, inputs, sélecteurs de date, sheets, toasts, lignes de liste, skeletons et plus encore.
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, plus des tokens par composant. Changez de variante de thème, d'accent ou de densité sans toucher au code des composants.
Presets de densité typographique
Échelles compacte (par défaut) et standard de 18 variantes chacune, chiffres tabulaires compris, avec interlignes et graisses préconfigurés.
Accessibilité intégrée
Les couleurs de texte respectent le contraste WCAG AA sur chaque surface, les lecteurs d'écran reçoivent rôles, libellés et annonces, et le mouvement réduit est respecté par défaut.
iOS et Android, une seule API
Retours haptiques, zones sûres, gestion du clavier et boîtes de dialogue suivent chaque plateforme derrière une seule surface de props. Chaque libellé est localisable et les icônes s'inversent dans les mises en page de droite à gauche.
1022 tests unitaires, typage strict
TypeScript strict et une suite Jest à chaque modification, et chaque story Storybook est testée avec les thèmes clair, sombre, droite à gauche et contraste élevé.
Tree-shakeable et minuscule
Publié en ESM et CJS, sans effets de bord, avec un export par composant. Ne livrez que ce que vos écrans importent.
Composants
51 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 du même 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
Contrôle segmenté
Jour
Semaine
Mois
Sélecteur de date
Date d'échéance
12 nov. 2026
Tuile de statistique
Dépensé ce mois-ci
2 450 €
12 % sous le budget
Tuiles d'action
Scanner
Envoyer
Partager
Progression
0%
Terrain de jeu des boutons
Typographie
Une échelle typographique calibrée pour les apps.
18 variantes aux tailles, interlignes et graisses calibrés. Voici l'échelle standard aux tailles iOS. L'échelle compacte, pensée pour les écrans denses en contenu, est celle par défaut.
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 et élévation : typés, thématisables et disponibles pour chaque composant.
Couleurs
Espacement
2xs
2px
xs
4px
sm
8px
smPlus
12px
md
16px
mdPlus
20px
lg
24px
xl
32px
2xl
40px
3xl
56px
Rayons
xs
6px
sm
10px
md
14px
lg
18px
xl
24px
2xl
32px
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, 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>
);
}La différence
React Native brut vs. Native-UI
| Sujet | React Native brut | Native-UI |
|---|---|---|
| Échelle typographique | À faire soi-même par écran | 18 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 | Rôles · libellés · annonces · contraste de texte AA 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, sélecteurs de date, 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é | 1022 tests unitaires livrés avec la librairie |
En production
Livré dans de vraies apps
Des apps POLPROG sur l'App Store et Google Play, construites avec les mêmes composants et tokens que ce site.
CostBoard
Budgets du foyer et de rénovation, devis PDF depuis votre téléphone
Gère le budget du foyer et les budgets de rénovation comme des projets distincts, et permet aux artisans d'envoyer à un client un devis PDF directement depuis le téléphone. Fonctionne hors ligne et sans compte.
- App Store
- Google Play
- Hors ligne d'abord
- Sans compte
PhotoToPuzzle
Transformez n'importe quelle photo en puzzle, en toute confidentialité
Un jeu de puzzle photo respectueux de la vie privée pour téléphones et tablettes. Native-UI pilote ses boutons, cartes, modales, tokens de thème et mises en page adaptatives, et les photos ne quittent jamais l'appareil.
- App Store
- Google Play
- Téléphone + Tablette
- Hors ligne d'abord
Prêt à livrer quelque chose qui semble natif ?
Installez Native-UI et consacrez votre temps au produit, pas aux pixels.