🔥
ExclusiveAn exclusive new experience — React Native support is on its way to Planby!
React Native Scheduler & Timeline Component
The only horizontal resource timeline scheduler built natively for React Native. Runs on iOS and Android — no WebView, no DOM. Same useEpg API as the web version.
Why React Native needs its own scheduler library
❌
Web schedulers don't work in RN
FullCalendar, React Big Calendar, and Planby web are DOM-based. React Native has no DOM. You cannot use them in an RN app — a wrapper or WebView is required, which kills performance and native feel.
📅
RN calendar libs are calendar-first
react-native-calendars and react-native-big-calendar are excellent for month/week/day calendar views. They do not support horizontal resource timelines — the model where resources are rows and events span a time axis.
✅
Planby RN: native horizontal timeline
Planby React Native renders natively on iOS and Android. Same horizontal resource timeline model as the web — channels as rows, programs as events, full time-axis scrolling. No WebView.
Same API. Different runtime.
If you already use Planby on the web, the React Native version is immediately familiar. Same hook, same data model, native rendering.
🪝
useEpg hook
The same useEpg hook powers both web and React Native. Pass channels (resources), programs (events), and startDate. Get back the virtualised, visible subset plus layout helpers.
useEpg({ channels, epg, startDate })🗂️
Channels = Resources
Channels are your rows — employees, rooms, machines, stages, TV channels. Each channel has a uuid and a title. The same data structure works across web and RN.
{ uuid, title }📌
Programs = Events
Programs are your time-based events. Each program has a channelUuid (which row it belongs to), since (start time), till (end time), and a title. Identical across platforms.
{ channelUuid, since, till, title }The React Native scheduler gap
No other React Native library covers the horizontal resource timeline use case.
| Library | Horizontal timeline | React Native | Resource rows | Virtualization | Expo |
|---|---|---|---|---|---|
| Planby RNBETA | ✅ Core feature | ✅ Native | ✅ Yes | ✅ BETA | ✅ Yes |
| react-native-big-calendar | ⚠️ Limited | ✅ Yes | ⚠️ Partial | ❌ No | ✅ Yes |
| react-native-calendars | ❌ No | ✅ Yes | ❌ No | ❌ No | ✅ Yes |
| FullCalendar | ✅ Premium | ❌ No | ✅ Yes | ❌ No | ❌ No |
| React Big Calendar | ❌ No | ❌ No | ❌ No | ❌ No | ❌ No |
Mobile scheduling use cases
Any horizontal resource timeline on iOS or Android — Planby RN is the native choice.
📺
TV & Streaming EPG Apps
Build iOS and Android electronic program guide apps. Display live TV schedules, on-demand content timelines, and channel grids natively — no WebView.
📅
Employee Shift Scheduling
Mobile shift planner for teams. Display employee schedules across a horizontal time axis. Tap to view details, drag to reassign shifts.
🏨
Room & Resource Booking
Hotel, co-working, or venue booking mobile apps. Show room availability on a timeline, let users book with a tap.
🎵
Event & Festival Apps
Conference and festival schedule apps. Multiple stages as rows, sessions as events across a timeline — the standard mobile event guide pattern.
🏥
Healthcare Appointment Apps
Doctor and clinic scheduling apps. Display appointments per provider across a day or week timeline. Native on iOS and Android.
📦
Logistics & Production
Mobile planning tools for manufacturing, logistics, and field operations. Equipment, vehicles, or workers as resources on a time-based grid.
PRO features. Free during BETA.
Planby React Native is in active BETA. Early adopters get full PRO access at no cost — including drag & drop, custom renderers, TypeScript types, portal access, and PRO documentation. The same component that powers Planby web, now native.
PRO features
Included free
Expo compatible
npm install ready
TypeScript-first
Same API as web
React Native Scheduler FAQ
Common questions about Planby React Native.
Does Planby work in React Native?
Yes. Planby React Native is a native build — it does not use a WebView or embed the web version. It renders using React Native's own rendering engine, giving you native performance on both iOS and Android.
Does Planby React Native support Expo?
Yes. Planby RN is built on Expo modules and is distributed as an npm package. It works with Expo managed and bare workflow projects, as well as bare React Native projects without Expo.
What is the difference between Planby web and Planby React Native?
The API is the same — useEpg hook, channels array, programs/epg array, startDate. The rendering layer is different: the web version uses HTML/CSS/DOM, the React Native version uses native components. Teams already using Planby on the web will find the React Native API immediately familiar.
Is there a free tier for React Native?
Yes. Planby React Native is currently in BETA, and BETA access is free. Early adopters get PRO features included at no cost during the BETA period. Request access at planby.app/planby-native-beta.
Does Planby React Native support TypeScript?
Yes. Planby React Native is TypeScript-first, with the same type definitions as the web package. Channels, programs, and the useEpg hook are all fully typed.
What React Native scheduler alternatives exist?
The main alternatives are react-native-big-calendar (calendar-first, limited horizontal timeline, no virtualization) and react-native-calendars (month/day view, no resource timeline). Planby RN is the only library with a full horizontal resource timeline built natively for React Native.
planby
The most powerful React scheduler & timeline component for building modern scheduling interfaces.
© 2026 Nessprim Karol Kozer. All rights reserved.
Built with ❤️ for developers