iOS · Android · Web

Aura UI para React Native

24 módulos com os mesmos tokens e os mesmos 33 temas da versão web — sem Tailwind, sem dependências nativas obrigatórias. As prévias abaixo são React Native de verdade, rodando no navegador com react-native-web, e seguem o tema escolhido no topo do site.

Como instalar Ver o Button

24 itens

Base

LayoutBox (props de token: p, bg, radius, shadow…), VStack/HStack/Stack, Spacer, Divider e Screen (fundo + rolagem + teclado).TextText com escala tipográfica (display, h1–h3, title, body, label, caption), tons semânticos e Heading.PressablePressableScale: Pressable com feedback físico (encolhe ao tocar).SurfacesGradient e Glass: usam LinearGradient/BlurView plugados no AuraProvider ou caem em cor sólida/translúcida.CardCard com 6 superfícies, padding por token, versão tocável e CardHeader/Title/Description/Content/Footer.

Formulários

ButtonButton com 9 variantes (solid, soft, outline, ghost, accent, destructive, link, gradient, glass), 5 tamanhos, loading e ícones + IconButton.InputInput com label, descrição, erro, adornos, 4 variantes, 3 tamanhos e mostrar/ocultar senha + TextArea.OTP InputCódigo OTP em casas separadas, com colar e preenchimento automático de SMS.SelectSelect: gatilho estilo input que abre a lista num BottomSheet, com busca opcional.SwitchSwitch animado com 3 tamanhos, variante success e label.CheckboxCheckbox com estado indeterminado, label e descrição.RadioRadioGroup + RadioGroupItem (padrão ou em cartão).Segmented ControlControle segmentado com indicador deslizante animado (bom p/ abas).ChipChip selecionável/removível e ChipGroup (seleção única ou múltipla).

Exibição

BadgeBadge com variantes semânticas, 2 tamanhos e ponto de status.AvatarAvatar com imagem ou iniciais, status online e AvatarGroup com contador +N.AlertAlerta de status (info, success, warning, destructive) com título, descrição e fechar.ProgressProgress (determinado ou indeterminado), Spinner e Skeleton com pulso.List ItemListItem (título, subtítulo, ícones, chevron) e ListSection agrupada estilo iOS.Empty StateEstado vazio com ícone, título, descrição e ação.

Overlays

DialogDialog modal animado e AlertDialog de confirmação (inclusive destrutiva).Bottom SheetBottomSheet que sobe animado, com alça e arrastar para fechar.Action SheetActionSheet: lista de ações num BottomSheet com Cancelar.ToastToastProvider + useToast: toast.success/error/warning/info, ações, topo ou base.