Build Timeline

today,and simple|.

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

$ yarn add planby

They use Planby

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.

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 to mimic fetching the data.
Note: the demo multiple days options is set to 5 days ahead

Vertical Mode

Multiple Days

24 hours format

Current Time

Sidebar

Timeline

RTL

12:00am

6:00pm

7:00pm

8:00pm

9:00pm

10:00pm

How I Met Your Mother

7:27pm - 8:28pm

Euphoria

8:28pm - 9:29pm

Peacemaker

9:29pm - 10:23pm

The Book of Boba Fett

7:21pm - 8:42pm

The Book of Boba Fett

8:42pm - 9:29pm

Two and a Half Men

9:29pm - 9:42pm

Friends

9:42pm - 10:57pm

The Book of Boba Fett

7:48pm - 8:21pm

The Silent Sea

8:21pm - 8:55pm

House

8:55pm - 9:56pm

The X-Files

9:56pm - 10:43pm

Peacemaker

7:21pm - 8:28pm

Peacemaker

8:28pm - 9:09pm

Friends

9:09pm - 10:03pm

SpongeBob SquarePants

10:03pm - 10:23pm

The Simpsons

6:54pm - 8:01pm

That '70s Show

8:01pm - 8:42pm

Peacemaker

8:42pm - 9:29pm

And Just Like That...

9:29pm - 10:50pm

Late Night with Conan O'Brien

7:48pm - 8:42pm

The Fairly OddParents

8:42pm - 9:42pm

The Flash

9:42pm - 10:30pm

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

Subjects

1:00pm

2:00pm

3:00pm

Ellen Rolfson

Pre-emptive didactic software2:20pm - 3:00pm

Marta Kulas

Open-source discrete methodology3:00pm - 4:00pm

Tim Sipes

Down-sized hybrid groupware2:00pm - 3:00pm

Kayla Ebert

Inverse global solution3:00pm - 4:00pm

Sarah Koch

Intuitive zero administration function1:35pm - 2:35pm

Miss Traci Senger

Robust bi-directional matrix2:35pm - 3:45pm

Dr. Clinton Rogahn

Cross-platform exuding help-desk3:45pm - 4:00pm

Preston Schmeler

Mandatory next generation hierarchy2:20pm - 3:00pm

Jamie Ledner

Function-based local synergy3:00pm - 4:00pm

Lillie Keebler

Upgradable empowering pricing structure1:35pm - 2:35pm

Mandy Bechtelar Sr.

Expanded mission-critical focus group2:35pm - 3:45pm

Tommie Kling

Progressive object-oriented instruction set3:45pm - 4:00pm

Planner / Gantt Chart

Business / Personal / Planner / Schedule

Implement your custom Planner / Gantt feature

Mode:

Style:

Show Areas:

Fri05

Sat06

Sun07

Mon08

Tue09

Wed10

Thu11

Fri12

Sat13

Sun14

Open-source tangible portal

05/04 - 05/07

Optimized mobile functionalities

05/08 - 05/13

Visionary fresh-thinking product

05/14 - 05/15

Fully-configurable uniform intranet

05/01 - 05/06

Synergistic system-worthy contingency

05/07 - 05/16

Intuitive radical standardization

05/01 - 05/09

Exclusive non-volatile benchmark

05/10 - 05/16

Expanded coherent ability

05/03 - 05/11

Monitored background project

05/12 - 05/21

Multi-channelled optimal service-desk

05/05 - 05/07

Profit-focused responsive superstructure

05/08 - 05/17

Centralized content-based emulation

05/02 - 05/11

Enterprise-wide upward-trending extranet

05/12 - 05/12

Digitized 24 hour projection

05/13 - 05/21

Calendar Planner

Business / Personal / Calendar / Schedule

Implement your custom calendar / planner feature

Mon22

Tue23

Wed24

Thu25

Mr. Edith Dooley

Exclusive methodical standardization10:00am - 11:00am

Available

11:00am - 12:00pm

Available

10:00am - 11:00am

Cassandra Kerluke Jr.

Horizontal impactful alliance11:00am - 12:00pm

Lauren Larkin DDS

Customer-focused maximized algorithm10:35am - 11:30am

Garrett Lind

Multi-layered well-modulated orchestration11:30am - 12:35pm

Miss Faith Schultz

Persistent client-server emulation10:00am - 11:00am

11:00am - 12:00pm

Music Event LINE-UP

Ultra Music Festival / Coachella

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

6:00pm

7:00pm

8:00pm

9:00pm

10:00pm

Afrojack

7:50pm - 8:50pm

ODESZA

8:50pm - 9:50pm

MORTEN

9:50pm - 10:50pm

ODESZA

7:35pm - 8:05pm

Don Diablo

8:05pm - 9:00pm

MORTEN

9:00pm - 11:30pm

Knife Party

7:45pm - 7:58pm

Lost Frequencies

7:58pm - 8:00pm

Don Diablo

8:00pm - 9:00pm

Sam Feldt

9:00pm - 9:30pm

Galantis

9:30pm - 10:00pm

Gareth Emery

10:00pm - 10:50pm

Martin Garrix

7:35pm - 8:05pm

8:05pm - 9:00pm

Tchami

9:00pm - 11:30pm

Aly & Fila

7:50pm - 8:50pm

Lost Frequencies

8:50pm - 9:50pm

Nicky Romero

9:50pm - 10:50pm

Testimonials

We added Planby as the EPG component of the JWP open-source OTT web app. The JWP Web App enables developers to quickly build OTT Apps for web platforms, and using Planby developers can easily visualize schedules for 24x7 live streams in their OTT Apps.

Using Planby allowed us to cut the development time for our updated Schedule feature by at least 75% as it supported all the functionalities we designed & were thinking of implementing out of the box!
The other option would've been to create everything from scratch, which would've taken quite a bit some time and we'd have most likely ran into cases that have already been solved by Planby. With it we mostly only needed to adjust the styles, and everything was good to go. We're very happy that we found Planby!

Niklas Lepistö

Senior Frontend Developer

Brella