Acabamento de nível nativo, pronto a usar
Escalas tipográficas compacta e regular afinadas para iOS e Android. A Aurora inclui a Space Grotesk, a Bloom combina a Outfit com a Plus Jakarta Sans, ou usa qualquer fonte que carregues.
Novidades da 2.0 MIT · React Native · v2.0.0
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.1+
- Android 7+
- React Native 0.84+
- Reanimated 4
- Pronto para New Architecture
51
Componentes e primitivos
1022
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.
51 componentes de produção
41 componentes e 10 primitivos que cobrem cada superfície de ecrã: botões, inputs, seletores de data, sheets, toasts, linhas de lista, skeletons e mais.
Tokens de design guiados pelo tema
Um sistema de tokens tipado para cores, tipografia, espaçamento, raios e elevação, além de tokens por componente. Troca a variante do tema, o acento ou a densidade sem tocar no código dos componentes.
Presets de densidade tipográfica
Escalas compacta (a usada por defeito) e regular, com 18 variantes cada, incluindo algarismos tabulares, e com entrelinhas e pesos pré-configurados.
Acessibilidade integrada
As cores do texto cumprem o contraste WCAG AA em todas as superfícies, os leitores de ecrã recebem funções, etiquetas e anúncios, e o movimento reduzido é respeitado por defeito.
iOS e Android, uma só API
Háptica, áreas seguras, gestão do teclado e caixas de diálogo seguem cada plataforma atrás de uma única superfície de props. Cada etiqueta é localizável e os ícones são espelhados em layouts da direita para a esquerda.
1022 testes unitários, fortemente tipado
TypeScript estrito e uma suíte Jest em cada alteração, e cada story do Storybook é testada nos temas claro, escuro, da direita para a esquerda e de alto contraste.
Tree-shakeable e minúsculo
Publicado como ESM e CJS, sem efeitos secundários, com uma exportação por componente. Entrega apenas o que os teus ecrãs importam.
Componentes
51 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
Controlo segmentado
Dia
Semana
Mês
Seletor de data
Data limite
12/11/2026
Mosaico de estatística
Gasto este mês
2450 €
12% abaixo do orçamento
Mosaicos de ação
Digitalizar
Enviar
Dividir
Progresso
0%
Playground de botões
Tipografia
Uma escala tipográfica afinada para apps.
18 variantes com tamanhos, entrelinhas e pesos afinados. Aqui é mostrada a escala regular com tamanhos do iOS. A escala compacta, feita para ecrãs densos em conteúdo, é a usada por defeito.
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 e elevação: tipados, aplicáveis a temas e disponíveis em cada componente.
Cores
Espaçamento
2xs
2px
xs
4px
sm
8px
smPlus
12px
md
16px
mdPlus
20px
lg
24px
xl
32px
2xl
40px
3xl
56px
Raios
xs
6px
sm
10px
md
14px
lg
18px
xl
24px
2xl
32px
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, 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>
);
}A diferença
React Native puro vs. Native-UI
| Aspeto | React Native puro | Native-UI |
|---|---|---|
| Escala tipográfica | Faz tu por ecrã | 18 variantes pré-afinadas · 2 presets de densidade |
| Tokens de design | Constantes StyleSheet manuais | Tema fortemente tipado · troca numa linha |
| Acessibilidade | Opcional por componente | Funções · etiquetas · anúncios · contraste de texto AA 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, seletores de data, 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 | 1022 testes unitários entregues com a biblioteca |
Em produção
Usado em apps reais
Apps da POLPROG na App Store e no Google Play, construídas com os mesmos componentes e tokens que este site.
CostBoard
Orçamentos da casa e de obras, orçamentos em PDF a partir do telemóvel
Mantém o orçamento doméstico e os orçamentos de obras como projetos separados e permite aos empreiteiros enviar a um cliente um orçamento em PDF diretamente do telemóvel. Funciona offline e sem conta.
- App Store
- Google Play
- Offline primeiro
- Sem conta
PhotoToPuzzle
Transforma qualquer foto num puzzle, com privacidade
Um jogo de puzzles com fotos focado na privacidade para telemóveis e tablets. A Native-UI move os seus botões, cartões, modais, tokens de tema e layouts adaptáveis, e as fotos nunca saem do dispositivo.
- App Store
- Google Play
- Telemóvel + Tablet
- Offline primeiro
Pronto para lançar algo que pareça nativo?
Instala a Native-UI e dedica o teu tempo ao produto, não aos pixels.