All Components

35+ production-ready, accessible components. Click Code to see usage.

Button4 variants · 6 colors · 3 sizes
Email
Input3 variants · label · error state
AvatarImage or initials · 5 sizes
Active Critical In Review Pending Beta
Badge3 variants · 6 colors · dot mode
React Native TypeScript Expo
ChipSelectable · closable · icon support
Notifications
Dark mode
SwitchAnimated toggle · spring transition
Project Update
3 new tasks completed today
CardElevated · outlined · filled
✓
I agree to the terms
Subscribe to newsletter
CheckboxAnimated checkmark · label support
✓
Changes saved
Your project has been updated.
Toast4 types · auto-dismiss · animated
SkeletonShimmer loading placeholders
Spinner3 sizes · custom color
♥
✎
⟳
★
IconButton4 variants · compact icon actions
Home
Explore
Profile
TabsUnderline · pill · soft variants
Search components...
SearchBarClear button · loading indicator
What is nova-native-ui? ›
A modern, customizable React Native UI component library built with TypeScript.
Is it free? ›
AccordionExpandable sections · animated
Progress 72%
Loading...
ProgressLinear · circular · indeterminate
SliderDraggable · step support · value display
4
8
2
OTPInputPIN code · auto-advance · 4-6 cells
Sheet Title
Drag to expand or dismiss
BottomSheetSnap points · draggable · backdrop
+
+ Create
FABStandard · extended · positioned
Glow Card
Animated glow effect
GlowCardPulsing glow · rainbow mode
0
Total users
AnimatedNumberCounting animation · easing
React Native· TypeScript· Open Source· Accessible· Animated· Zero Deps· React Native· TypeScript· Open Source· Accessible· Animated· Zero Deps·
MarqueeInfinite scroll · pause on press
ShimmerButtonShimmer sweep animation
nova-native-ui
GradientTextPer-char colors · animated
First item
Second item
Third item
StaggeredListSequential reveal animation
Tap for Ripple
RippleMaterial ripple feedback
LogoCloud4 layout variants · animated