Need help with react-timelines?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

161 Stars 57 Forks MIT License 438 Commits 23 Opened issues


React Timelines Library

Services available


Need anything else?

Contributors list

React Timelines



# with npm
npm install react-timelines

or with Yarn

yarn add react-timelines


import Timeline from 'react-timelines'

const MyWidget = () =>

export default MyWidget


Using Webpack

Using Webpack with CSS loader, add the following:

import 'react-timelines/lib/css/style.css'

Using Sass (SCSS)

Using Sass you can configure the timeline with variables:

$react-timelines-font-family: MaryAnn;
$react-timelines-sidebar-width: 320px;

@import '~/react-timelines/src/scss/style';

Without build tools

Create a CSS file with the contents of

and include it in


npm install
npm run watch

This library is developed using VSCode - opening it in VSCode will recommend extensions, and enable linting and auto-formatting of code.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.