🔥

Exclusive

An exclusive new experience — React Native support is on its way to Planby!

🔥

Description

React Planner

React Planner forGantt Charts & Project Timelines

Lightweight Gantt-style planner for project management. Drag tasks, visualize dependencies, track progress—without the bloat.

npm install @nessprim/planbyView Planner Demo

Why Existing Gantt Chart Libraries Are Overkill

DHTMLX Gantt

500KB+ bundle. jQuery dependency. Expensive commercial license. Poor React integration with wrapper components.

Bryntum Gantt

$1000+ per developer. Massive API surface. Designed for desktop PM tools, not web apps.

DevExpress Gantt

Enterprise-only pricing. Bloated component suite. Need simple timeline? You get 50 unused features.

Planby Planner

45KB bundle. Native React. Start free, $99/year PRO. Just timeline visualization—no PM software baggage.

Try the React Planner Live

📊 Planner & Gantt

Planner / Gantt Chart

BusinessPersonalPlannerSchedule

Implement your custom Planner / Gantt feature with drag and drop, grid layout, and flexible time views.

Mode

Style

Show Areas

Drag & Drop

Grid

Develop Start

Develop End

Testing Start

Testing End

Release

Thu05

Fri06

Sat07

Sun08

Mon09

Tue10

Wed11

Thu12

Fri13

Sat14

Sun15

Mon16

Tue17

Directives

Group

Quality

Accounts

Directives

Quality

Division

Seamless heuristic moratorium

02/03 - 02/12

User-friendly bandwidth-monitored support

02/13 - 02/19

Reverse-engineered grid-enabled process improvement

02/01 - 02/08

Open-architected bottom-line analyzer

02/09 - 02/17

Reverse-engineered impactful encryption

02/02 - 02/09

Synergized reciprocal infrastructure

02/10 - 02/10

Total systemic complexity

02/11 - 02/15

Quality-focused bandwidth-monitored application

02/16 - 02/16

Future-proofed value-added array

02/17 - 02/19

Centralized multi-tasking contingency

02/01 - 02/10

Customizable even-keeled knowledge base

02/11 - 02/14

Polarised encompassing throughput

02/15 - 02/23

Assimilated human-resource task-force

02/05 - 02/10

Mandatory grid-enabled matrix

02/11 - 02/19

Future-proofed incremental paradigm

02/04 - 02/08

Switchable directional time-frame

02/09 - 02/10

Ergonomic global knowledge user

02/11 - 02/12

Ameliorated executive middleware

02/13 - 02/15

Exclusive heuristic migration

02/16 - 02/23

Mandatory homogeneous solution

02/01 - 02/09

Down-sized coherent product

02/10 - 02/18

React Planner Use Cases

📊

Project Roadmaps

Sprint planning, release timelines, milestone tracking for agile teams.

🏗️

Construction Planning

Build phases, contractor schedules, dependency chains for construction projects.

🎬

Production Schedules

Film shoots, manufacturing, event production with resource allocation.

🚀

Product Launches

Feature releases, marketing campaigns, cross-team coordination timelines.

What You Get

✅ Timeline Visualization

Horizontal bars showing task duration. Zoom in/out to see weeks or months.

✅ Drag & Drop

Move tasks, resize duration, reorder priorities with mouse or touch.

✅ Resource Grouping

Group tasks by team, phase, or resource. Collapsible sections.

✅ Progress Tracking

Visual progress bars. See completion percentage at a glance.

✅ Lightweight

~45KB. No jQuery. Fast initial load. Smooth 60fps scrolling.

✅ Customizable

Full CSS control. Custom task cards. Adapt to your design system.

React Planner - Quick Start

import { useEpg, Epg, Layout } from '@nessprim/planby-pro';

 

const {
  getEpgProps,
  getLayoutProps,
  onScrollToNow,
  onScrollLeft,
  onScrollRight,
} = useEpg({
  epg,
  channels,
  startDate: '2026/02/02', // or 2026-02-02T00:00:00
});

return (
  <div>
   
    <div style={{ height: '600px', width: '1200px' }}>
      <Epg {...getEpgProps()}>
        <Layout
          {...getLayoutProps()}
        />
      </Epg>
    </div>
  </div>
);

Why Choose Planby?

See how Planby stacks up against other solutions in the market

Feature	Planby ⭐ Best	FullCalendar	Syncfusion	Custom
React-first
Easy customization
TypeScript support
Virtualisation
Performance optimized
Drag & drop support
Regular updates
Mobile responsive
Setup time	~10 min	12 days	15 days	Months/Years

⚡ Lightning fast

💰 Most affordable

🎨 Easy customization

💎 Pricing Plans

Your Perfect Plan Awaits

Built for React and React Native teams. Start with what you need. Grow when you're ready.

⚛️

React (Web)

For web applications

Get exclusive access to Planby PRO features

Perpetual licenses for your team or company.

Solo 🥳

400

Basic features
Ready-to-use code examples
1 developer license
No team collaboration
Commercial

⭐ MOST POPULAR

PRO

🚀

500

/ per developer

PRO exclusive features 🚀
Ready-to-use code examples
Team access (min 3 developers)
Portal Planby access
PRO Documentation
Commercial
License key
1 year update license included

Custom 👨‍💻

Enterprise

Everything included in PRO
Enterprise exclusive features 🚀
One-on-one onboarding
Expert Consultation
Premium support
Commercial

Start Planning Your Projects

View Planner Demo