Acabamento de nível nativo, pronto a usar
Um preset tipográfico de densidade compacta afinado para iOS e Android. Combina com a Space Grotesk ou qualquer fonte que entregues.
Atualizado para 2026 MIT · React Native · v1.7.1
Cria produtos que parecem
nativos por defeito.
A Native-UI é um design system React Native multiplataforma da POLPROG - entrega componentes com sensação nativa em iOS e Android com acabamento visual de nível de produção logo de início.
Funciona em
- iOS 15+
- Android 7+
- Expo SDK 50+
- React Native 0.74+
- Pronto para New Architecture
40
Componentes e primitivos
188
Testes unitários aprovados
100%
TypeScript estrito
2
Presets de densidade
Porquê a Native-UI
Tudo o que uma equipa de produto precisa
para lançar uma app polida.
Padrões com opinião. APIs sem imposições. Paridade visual sem configuração - nativa em iOS, nativa em Android.
43 componentes de produção
34 componentes + 9 primitivos cobrindo cada superfície de ecrã - Botões, Inputs, Sheets, Toasts, linhas de lista, Skeletons, Confetti e mais.
Tokens de design guiados pelo tema
Um sistema de tokens tipado para cores, tipografia, espaçamento, raios e elevação. Troca temas, densidade ou marca sem tocar no código do componente.
Presets de densidade tipográfica
Presets Regular (17pt nativo do iOS) e Compacto (título de 15pt) com entrelinhas, tracking e famílias de peso corretamente pré-configurados.
Acessibilidade integrada
Funções acessíveis, etiquetas, hit-slops, gestão de foco e suporte a movimento reduzido são padrões - não opcionais.
iOS e Android, uma só API
Comportamentos adaptados à plataforma (háptica, áreas seguras, modais, gestos) unificados atrás de uma única superfície de props - funciona em ambas as plataformas sem código condicional.
188 testes unitários, fortemente tipado
Cada componente está totalmente tipado em modo estrito do TypeScript e coberto por uma extensa suíte Jest - para que os utilizadores atualizem sem medo.
Tree-shakeable e minúsculo
Publicado como ESM + CJS com exportações individuais por componente. Entrega apenas o que o teu ecrã realmente importa.
Componentes
40 peças. Uma linguagem visual.
Cada superfície de que um produto precisa - composta a partir do mesmo tema, tokens e sistema de movimento.
Pré-visualizar tema
Botões
Chips
Hoje
Semana
Mês
Personalizado
Input
Emblemas e avatares
AM
NU
Novo
3
Skeleton
Toast
Alterações guardadas com sucesso.
Cartão
Orçamento mensal
3
Interruptor
Notificações
Resumo semanal
Lista
Perfil
John Doe
Idioma
Português
Progresso
0%
Playground de botões
Tipografia
Uma escala tipográfica afinada para apps.
Dez variantes com tamanhos, entrelinhas e tracking corretos para iOS - mais um preset compacto para ecrãs densos em conteúdo. Combina com a Space Grotesk ou qualquer fonte que entregues.
Nativo por defeito
Design system, entregue
Título de secção
Subsecção
Título de cartão
Texto de corpo destacado
Corpo - o tamanho de leitura por defeito usado em todo o design system.
Subtítulo usado para subtítulos de lista e texto secundário.
Etiqueta de formulário
SOBRETÍTULO DE SECÇÃO
Tokens de design
Uma fonte de verdade para cada pixel.
Cores, espaçamento, raios, elevação - tipados, aplicáveis a temas e acessíveis a partir de cada componente.
Cores
Espaçamento
xs
4px
sm
8px
md
12px
lg
16px
xl
24px
2xl
32px
3xl
48px
Raios
sm
6px
md
10px
lg
14px
xl
20px
full
9999px
Instalação
Lança o teu primeiro ecrã
em menos de um minuto.
Adiciona o provider, importa componentes, pronto. Sem configuração, sem escrever temas, sem lutar com tokens.
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>
);
}A diferença
React Native puro vs. Native-UI
| Aspeto | React Native puro | Native-UI |
|---|---|---|
| Escala tipográfica | Faz tu por ecrã | 10 variantes pré-afinadas · 2 presets de densidade |
| Tokens de design | Constantes StyleSheet manuais | Tema fortemente tipado · troca numa linha |
| Acessibilidade | Opcional por componente | Etiquetas · funções · hit-slop · reduce-motion por defeito |
| Paridade de plataforma | Platform.select espalhado por todo o lado | Props unificadas, comportamentos de plataforma encapsulados |
| Formulários e inputs | Constrói tu label / helper / erro | Input, TextArea, Select, Checkbox, Radio, Switch prontos |
| Movimento e háptica | Instalar e ligar separadamente | PressableScale, Toast, Confetti, Skeleton - integrados |
| Consistência visual | Desvia-se entre ecrãs / equipas | Paridade de nível de produção imposta por tokens |
| Rede de segurança de testes | Tua responsabilidade | 188 testes unitários entregues com a biblioteca |
Em produção
Usado em produção pela PhotoToPuzzle
A PhotoToPuzzle é um jogo de puzzles com fotos focado na privacidade para iOS, Android, iPad e tablets Android. É construída sobre a Native-UI e usa a biblioteca em botões, cartões, modais, inputs, tokens de tema, espaçamento e layouts adaptáveis. A app funciona totalmente offline, mantém as fotos no dispositivo e mostra como a Native-UI suporta produtos móveis reais em telemóveis e tablets.
- App de produção
- iOS + Android
- Telemóvel + Tablet
- Offline primeiro
- Construído com a Native-UI
Pronto para lançar algo que pareça nativo?
Instala a Native-UI e dedica o teu tempo ao produto, não aos pixels.