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

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

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 workforce (drag me)
Inverse 24/7 flexibility (drag me)
Secured dedicated paradigm (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
Wed01
Thu02
Fri03
Sat04
Sun05
Mon06
Tue07
Wed08
Thu09
Fri10
Sat11
Sun12
Mon13
Tue14
Wed15
Thu16
Fri17
Sat18
Sun19
Mon20
Tue21
Wed22
Thu23
Fri24
Sat25
Sun26
Mon27
Tue28
Wed29
Thu30
Creative
Operations
Directives
Mobility
Communications
Applications
Implementation
Accounts
Identity
Mobility
Branding
Operations
Accounts

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.

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

I wanted to take a moment to give a shout-out to Planby for their fantastic tool that really enhanced our festival experience. Crafting a festival timetable can often be a drawn-out task, but Planby made the process so much smoother for us.
We needed timezone support to make our timetable accessible for an international audience, and when we reached out to the Planby team, they were on it.
The owner was incredibly responsive and accommodating, quickly implementing our feature request.
This level of service really was the cherry on top. We're super glad we chose Planby and just wanted to say a big thank you for their help. Working with them was a pleasure, and we got exactly what we needed.

They write about Planby

Become a Leader
& get exclusive access to Planby PRO features

+

YOU
Logo
Logo
Logo
Logo
Logo
Logo
Logo
Logo

Your Perfect Plan Awaits

Get exclusive access to Planby PRO features

OPEN 🥳

Free

  • Forever free 🥳
  • Codesanbox example
Get started

PRO

🚀

$

12

/ month

/ seat

  • Ready-to-use code examples
  • Team access
  • Portal Planby access
  • PRO Documentation
  • Commercial
  • License key
  • 7 days free trial

Custom 👨‍💻

Enterprise

  • Exclusive Enterprise Offer 🤩
  • Customized Solutions
  • Flexible Payment Options
  • Expert Consultation
  • Support
  • Seamless Deployment

FAQ

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
Terms & ConditionsPrivacy Policy

Nessprim Karol Kozer. All rights reserved

TwitterYouTubeInstagram