The fastest React task scheduler

Bryntum React Scheduler is packed with all the features you need, lightning-fast performance, and easy integration with new or existing applications and any backend technology.

Strategy and Business Rules Setup Web Server Website Design Test Strategy Implementation

Get started with clear documentation

Feature-rich scheduling library for React

Bryntum React Scheduler supports a range of essential scheduling features to improve efficiency and productivity.

  • Drag-and-drop resizing
  • Event editor
  • Keyboard navigation
  • Export to PDF, PNG, and Excel
  • Render JSX components in events and cells
  • Drag and drop events from an external grid

React scheduling component code example


Set up Bryntum Scheduler using React in just a few lines of code.

import { BryntumScheduler } from "@bryntum/scheduler-react";
import "./App.css";

function App() {
  return (
      startDate={new Date(2024, 2, 20, 6)}
      endDate={new Date(2024, 2, 20, 20)}

export default App;

Excellent scheduling performance

Highly performant and responsive even with large data sets, the Bryntum React Scheduler features a combination of performance optimization techniques: 

  • Virtual rendering
  • Minimal DOM footprint
  • Extensive element reuse

Effortless Redux Toolkit integration

Bryntum React Scheduler easily integrates with Redux for state management and has a highly efficient rendering engine for excellent scrolling and rescheduling performance – even with large data sets.

Reuse components and simplify syntax with JSX

The Bryntum React Scheduler offers seamless integration with JSX, supporting both inline JSX and JSX in custom React components. Keep conditional logic and markup together and ensure they stay in sync. 

Use JSX in React components to create cell-editing elements, elegant event bars, tooltips, and widgets for your Bryntum React Scheduler.

But JSX isn’t a requirement. Our Bryntum renderer efficiently implements conditional logic and outputs visually rich cell content.

Stunning out-the-box themes for React task scheduler

Bryntum React Scheduler ships with five visually appealing themes that are ready to go.

Render custom content and style event bars

Change anything on the fly with Bryntum React Scheduler. The extensive and reactive Bryntum API makes rendering custom HTML into event bars quick and easy. 

View our demo for inspiration on customizing your Bryntum React Scheduler with event progress bars, menu icons, and resource avatars.

Smooth and intuitive experience 

The Bryntum React Scheduler delivers a smooth and intuitive experience for both developers and users. Easily add animations that users enjoy using with the Bryntum React Scheduler component.

Try it yourself!

Combine the Bryntum React Scheduler with Bryntum Grid to show unplanned tasks and drag them onto the schedule.

Quickstart video tutorial

Step-by-step guidance to get your project up and running and integrate the feature-rich Bryntum Scheduler into your React application.

Trusted by the world’s leading companies

Ready to get started?