35+ production-ready, accessible, and beautifully crafted components. Theme-aware, animated, and zero dependencies.
Everything you need to build beautiful, consistent mobile experiences without reinventing the wheel.
Buttons, inputs, cards, modals, toasts, avatars, switches, checkboxes — everything you need, nothing you don't.
Light and dark mode built-in. Customize every token — colors, spacing, radii, typography, shadows — to match your brand.
Full type definitions, IntelliSense, and autocomplete. Catch errors at compile time, not runtime.
Proper accessibility roles, states, and labels out of the box. Screen readers and assistive tech just work.
Smooth 60fps native animations powered by React Native Animated API. No extra libraries needed.
Only React and React Native as peer deps. Tree-shakeable exports — your bundle stays lean.
Carefully crafted, consistent, and ready to drop into your project.
Interactive previews, code examples, and props documentation
Install, wrap with ThemeProvider, and start building.
import { ThemeProvider, ToastProvider, Button, NovaText, Input, Card, VStack, } from 'nova-native-ui'; export default function App() { return ( <ThemeProvider darkMode={false}> <ToastProvider> <VStack spacing="lg" padding="lg"> <NovaText variant="h1">Welcome</NovaText> <Card variant="elevated" padding="lg"> <Input label="Email" placeholder="you@example.com" /> <Button color="primary" fullWidth> Sign In </Button> </Card> </VStack> </ToastProvider> </ThemeProvider> ); }
Open source, free forever. Star us on GitHub and join the community.