LogoCreated with Sketch.planby
Description

Build Timeline
today,.

Planby is a React 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)