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.

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

They use Planby

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
Fri01
Sat02
Sun03
Mon04
Tue05
Wed06
Thu07
Fri08
Sat09
Sun10
Mon11
Tue12
Wed13
Thu14
Fri15
Sat16
Sun17
Mon18
Tue19
Wed20
Thu21
Fri22
Sat23
Sun24
Mon25
Tue26
Wed27
Thu28
Fri29
Sat30
Marketing
Applications
Research
Quality
Usability
Quality
Operations
Configuration
Markets
Quality
Metrics
Markets
Infrastructure

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

Min 3 seats required

OPEN 🥳

Free

  • Forever free 🥳
Get started

PRO

🚀

SaaS

$

7

/ month

/ seat

Custom 👨‍💻

Enterprise

  • Exclusive Enterprise Offer 🤩
  • Customized Solutions
  • Flexible Payment Options
  • Expert Consultation
  • Priority 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