LogoCreated with Sketch.planby
What is EPG?

Build Timeline
today,.

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

$ yarn add planby

What is EPG based Timeline?

EPG is a shortcut for Electronic Program Guide.
It is commonly used in TV Online and VOD applications.
In web development it is a new feature which is gaining popularity.

System

This is a system that provides users with all available past, current and upcoming broadcast programs from a given signal provider.

Time

It allows you to get the current program for a given day. The program is usually available up to 7 days in advance.

Layout

It includes channels sidebar, timeline and layout of the broadcast programs.

Options

Optional functions, such as the reminder option, recording scheduling, favorite channels lists, displaying the details of broadcast programs.

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

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

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

Music Event LINE-UP

Ultra Music Festival / Coachella

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

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

Conferences

React Summit / Web Summit / TEDx

Implement your custom conference schedule by tech subjects.

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

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.

They write about Planby

Become a Sponsor!

Support us and help us continue our development.

Open Collective

Get in Touch

If you have any questions or would like to become a sponsor, please find the contact link below.

Contact
LogoCreated with Sketch.planby
TwitterGithub

Created by Karol Kozer

Developed with Chakra UI

Free high quality TV Logos by Hobbs