LogoCreated with Sketch.planby
Description

Build Timeline
today,.

Planby is a React and React Native based component that lets you implement your own Schedule or Timeline so fast and simple.

Planby - React.js based component for schedules and timelines | Product Hunt

They use Planby

Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo

Live

TBN Channel

Description

Planby is a component for a quick implementation of EPG, live streaming timelines, schedules, music events, timelines and many more ideas.

All in one

The component is fully ready for use and includes sidebar, timeline and layout.

Customization

The theme and items are customisable to the needs of the application design.

Big data

It uses custom virtual view which allows you to operate on a really big number of data.

Third party UI libraries

The component has a simple API that you can easily integrate with other third party UI libraries.

What can you build?

You can build as many products as you want with one application.
You can implement app in various fields of business e.g.
multimedia, finance ,entertainment ,games, medical portals etc.

EPG

Schedules

Live streaming

Music events

Timelines

No-code and CMS

Build Schedule with zero code. Turn your ideas into reality faster then ever with our no-code platform.

Let's see how it works

See how the Planby works in the default and some demo configurations.
You can integrate the component with as many custom configurations as you need.

Link to Codesandbox example

Note: when changing the number of channels there is a loader set to 2s to mimic fetching the data.
Note: the demo recording option is for programs broadcast in the future to mimic fetching the data.
Note: the demo multiple days options is set to 5 days ahead

Note: data in the demos are generated as random only for examples purpose.

12:00am
12:00am
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
12:00am
1:00am
2:00am
3:00am
4:00am
5:00am
6:00am
7:00am
8:00am
9:00am
10:00am
11:00am
12:00pm
1:00pm
2:00pm
3:00pm
4:00pm
5:00pm
6:00pm
7:00pm
8:00pm
9:00pm
10:00pm
11:00pm

Scheduler

Business / Personal / Planner / Schedule

Your scheduler with drag and drop, overlapping events, grid layout and more.

Timezones

Drag and Drop

Resize elements

Overlap events

Grid layout / events

Note: Drag and drop "multi-rows" with "layer" overlap mode is still in test mode.

Monitored global - 60 min (drag me)
Inverse flexibility - 22 min (drag me)
Secured paradigm - 45 min (drag me)
10:00am
11:00am
12:00pm
1:00pm
2:00pm
3:00pm

Conference

React Summit / Web Summit / TEDx

Your schedule for speakers at conference can look like this.

Add conference schedule by tech subjects or stages.

Simple

Easy to read

Time tracking

Customization

All in one place

10:00am
11:00am
12:00pm
1:00pm
2:00pm
3:00pm

Planner / Gantt Chart

Business / Personal / Planner / Schedule

Implement your custom Planner / Gantt feature

Develop Start
Develop End
Testing Start
Testing End
Release
Sat01
Sun02
Mon03
Tue04
Wed05
Thu06
Fri07
Sat08
Sun09
Mon10
Tue11
Wed12
Thu13
Fri14
Sat15
Sun16
Mon17
Tue18
Wed19
Thu20
Fri21
Sat22
Sun23
Mon24
Tue25
Wed26
Thu27
Fri28
Sat29
Sun30
Intranet
Web
Integration
Creative
Quality
Creative
Functionality
Functionality
Accountability
Program
Implementation
Optimization
Accountability

Calendar Planner

Business / Personal / Calendar / Schedule

10:00am
11:00am
12:00pm
1:00pm
2:00pm
3:00pm

Music Event LINE-UP

Ultra Music Festival / Coachella

Implement your custom music Line-up schedule by music stages.

Please be informed that all the resources, content, and information on this website are generated solely for demonstration purposes. None of the data presented here is real or intended for actual use. This platform serves as a showcase for the capabilities of our tools and technologies.