Crafted for React Native.
Installed into your code.
Production-tested mobile UI blocks and navigation primitives for Expo and React Native. Inspect interactive live previews, copy clean source code, or install directly with zero runtime dependencies.
Why developers choose RNBlocks
Built from scratch to eliminate the pain of bloated npm dependencies and fragile styling wrappers.
Continuous Curve Capsule
Fluid animated indicator with cubic-bezier physics. Seamlessly glides between destinations with pixel-perfect alignment.
Handcrafted Vector SVGs
Crisp, resolution-independent vector paths with responsive fill and outline states. No fuzzy bitmaps or third-party icon bundle bloat.
100% Code Ownership
Components install straight into your components/ folder. Modify styling, swap icons, and tune animation parameters directly in your codebase.
Zero Dependency Overhead
Engineered with standard React Native primitives. Runs smoothly on iOS, Android, and Web without complex native linking.
Three effortless steps to ship
From discovery in your browser to production mobile deployment in seconds.
Inspect & Test Live
Explore interactive components right in your web browser. Test tabs, state changes, and inspect the exact TypeScript source code before installing.
Install with One Line
Run the CLI command in your project root. The full component code is placed directly into your components/ folder.
npx rnblocks add floating-dockerCustomize & Ship
It's your code. Adjust colors, integrate your app routing, connect your API state, and ship with zero vendor lock-in.
Engineered for modern mobile runtimes
Tested across Expo workflows, Bare React Native, and React Native Web.
Managed & Bare workflows
New Architecture ready
Fluid 60-120 FPS native feel
Material & edge-to-edge ready
Tailwind CSS v4 for mobile
Zero build tool requirements
Type-safe props and autocomplete
Instant browser preview runtime
Stop rebuilding mobile UI from scratch.
Accelerate your Expo and React Native apps with copy-paste components that look and feel native.