runilib · React UNIversal LIBs · Open Source · MIT

Build it once in TypeScript.
Run it everywhere React runs.

RUNILIB is a growing collection of open-source libraries with one shared TypeScript API across React and React Native. No duplicated code, no parallel codebases, no drift between platforms.

Browse libraries →
3
Available Libraries
100%
TypeScript
2
Platforms
0
Config needed
Why RUNILIB

The problem we solve

Maintaining two parallel codebases - one for web, one for mobile - is over.

⚡

One codebase, two platforms

Build a feature once in TypeScript and run it identically on React and React Native - no forks, no adapters.

🔀

One shared mental model

Every library follows the same API conventions. Learn one, you understand them all.

🔒

Strict TypeScript

Full type inference, zero any, no runtime surprises. Your editor knows what your code does before you do.

♿

Self-sufficient

Every package ships with everything it needs - no peer-dep chains, no version conflicts, no hidden installs.

📦

Zero setup

No mandatory provider, no config file, no initial wiring. Import and use.

🧩

Composable & tree-shakeable

Take only what you need. The ecosystem grows without breaking your app.

Ecosystem

Libraries with only one philosophy

Explore the open-source RUNILIB ecosystem for React and React Native. Every package comes with installation guides, API reference and real-world TypeScript examples built for web and mobile.

💬
react-walkit
1.1.0
Stable

Build product tours, user onboarding walkthroughs, feature discovery flows and tooltips with the same API on React web and React Native. Includes spotlight overlays, customizable popovers, analytics hooks and programmatic control.

Product toursUser onboardingTooltipsFeature discoverySpotlight
  • →WalkitProvider + WalkitStep for React web and React Native
  • →SVG / react-native-svg spotlight with padding, radius and overlay overrides
  • →Popover presets for onboarding tours, product walkthroughs and guided steps
  • →Custom popover via renderPopover or themed defaults
Documentation →
📋
react-formbridge
1.0.2
Stable

Build schema-driven forms for React and React Native with TypeScript. Define one shared schema, then generate fields, validation, form state, multi-step flows and UI patterns for web and mobile.

Form builderSchema-driven formsValidationReact Native formsTypeScript
  • →useFormBridge() returns Form, fields and typed state for web and mobile
  • →Reactive form validation with sync + async validators
  • →Remote select options with useAsyncOptions()
  • →field.phone() with built-in country selector
Documentation →
🐙
nimbo
0.0.0
Beta

Tiny typed state modules for React and React Native. Define stores with state, actions, selectors and lifecycle effects — without reducers, action strings, providers everywhere or storage-first mental models.

State managementStoresScoped stateReact NativeTypeScript
  • →createStore() with state, actions and selectors in one module
  • →Parameterized selectors that accept business arguments
  • →scope(id) for isolated per-entity store instances
  • →composeStores() for read-only multi-module aggregation
Documentation →
Use cases

The React and React Native use cases teams actually ship

RUNILIB is designed as a growing cross-platform ecosystem, with consistent packages that help teams ship faster across web and mobile.

React & React Native form builder

Build schema-driven forms with validation, typed fields, multi-step flows and shared components for web and mobile with react-formbridge.

Explore react-formbridge →

TypeScript form validation and shared UI logic

Describe your form once in TypeScript, then reuse the same validation, state management and UI flow across React web and React Native.

Read the formbridge docs →

Product tours and user onboarding

Ship guided tours, walkthroughs, spotlight overlays, contextual steps and product analytics hooks with react-walkit on both platforms.

Explore react-walkit →

Tooltips and feature discovery

Add accessible tooltips, feature announcements, contextual hints and spotlight callouts with one API for React and React Native.

Read the walkit docs →
FAQ

Common questions about RUNILIB React and React Native libraries

Quick answers to the questions teams ask before adopting a cross-platform ecosystem for React and React Native.

Does RUNILIB work for both React web and React Native applications?

Yes. RUNILIB is built as a cross-platform ecosystem with a shared TypeScript API for web and mobile, so teams can reuse patterns, business logic and UI primitives instead of maintaining two separate implementations.

Which library should I use for product tours, walkthroughs and user onboarding?

Use @runilib/react-walkit. It covers product tours, guided tours, spotlight overlays, feature discovery, contextual onboarding and tooltips for both React and React Native.

Which library should I use for schema-driven forms in TypeScript?

Use @runilib/react-formbridge. It lets you define one schema and generate fields, validation, state, multi-step flows and reusable form patterns for React web and React Native.

Can RUNILIB fit an existing design system or component architecture?

Yes. RUNILIB libraries are composable, tree-shakeable and designed to work inside existing React or React Native codebases with custom UI, theming and strong TypeScript ergonomics.

"
The best code is the code you don't have to write twice.
- RUNILIB founding principle

Ready to simplify your stack?

Join developers who stopped writing the same code twice.

Browse libraries →⭐ Star on GitHub