v3.1.0
LogoCreated with Sketch.planby
Description
v3.1.0

Build Timeline
today,.

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

$ yarn add planby
Planby - React.js based component for schedules and timelines | Product Hunt

They use Planby

Logo
Logo
Logo
Logo
Logo
Logo

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

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

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

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
Tue01
Wed02
Thu03
Fri04
Sat05
Sun06
Mon07
Tue08
Wed09
Thu10
Fri11
Sat12
Sun13
Mon14
Tue15
Wed16
Thu17
Fri18
Sat19
Sun20
Mon21
Tue22
Wed23
Thu24
Fri25
Sat26
Sun27
Mon28
Tue29
Wed30
Brand
Directives
Identity
Mobility
Tactics
Creative
Mobility
Factors
Mobility
Usability
Tactics
Interactions
Intranet

Calendar Planner

Business / Personal / Calendar / Schedule

Implement your custom calendar / planner feature

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.

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

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.

Product Manager

JW Player

Logo

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!

Senior Frontend Developer

Brella

They write about Planby

Become a Sponsor & get exclusive access to Planby features

+

YOU

Sponsors

Logo
Logo
Logo
Logo
Logo

Fan🥳

PRO🚀

Sponsor Fan!

$

6

/month

  • Exclusive repository access 🚀
  • Exclusive content
  • New features
  • Updates
Sponsor

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.

LogoCreated with Sketch.planby
TwitterGithub

Created by Karol Kozer

Developed with

Data in the demos are generated as random only for examples purpose.