Collection of free React JS timelines: horizontal, vertical, etc. Update of December 2020 collection. 4 new items.

Related Articles

  1. CSS Timelines
  2. Bootstrap Timelines
  3. jQuery Timelines
  4. Tailwind Timelines

Author

  • Nickolas da Rocha Machado

Links

About a code

TimelineBubbles

Beautiful timelines for your presentations.

Author

  • Alex Kashuba

Links

About a code

React Scroll Animation Component

Could be used for timeline filling or any animations related to scrolling and crossing the middle of the screen.

Author

  • Ael Gain

Links

About a code

TimelineJS

React component to display timelines.

Author

  • Prabhu Murthy

Links

Made with

  • HTML / CSS / JS

About a code

React Chrono

Modern timeline component for React.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: React Native Just Timeline

Author

  • Mohamed Ahmed

Links

Made with

  • HTML / CSS / JS

About a code

React Native Just Timeline

React Native's customizable, RTL-supported, elegant, lazy-loading-ready timeline component.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: React Native Beautiful Timeline

Author

  • FreakyCoder

Links

Made with

  • HTML / CSS / JS

About a code

React Native Beautiful Timeline

Fully customizable, beautifully designed Timeline for React Native.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • Stephen Reed

Links

Made with

  • HTML / CSS / JS

About a code

Progress Timeline Bar

Highly customizable animated progress timeline bar for React which emphasizes due process.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: react-dom.js

Demo image: Vertical Timeline Component in React

Author

  • Musa Bas

Links

About a code

Vertical Timeline Component in React

This is a React component that displays a timeline of events by order of occurance, bottom to top. On Desktop, the events are staggered inbetween two branches, whereas on mobile they collapse to a single branch.

Author

  • Rahel Lüthy

Links

Made with

  • HTML / CSS / JS

About a code

React SVG Timeline

A React event timeline component based on SVG.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: React Timeline

Author

  • Steven Mercatante

Links

Made with

  • HTML / CSS / JS

About a code

React Timeline

The easiest way to add a responsive and customizable timeline to React apps.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: Vertical Timeline Component React

Author

  • Eduardo Esteban Alvarez Castañeda

Links

Made with

  • HTML / CSS / JS

About a code

Vertical Timeline Component React

A simple component to generate a responsive vertical timeline for React.js.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: Horizontal Timeline

Author

  • Mailtop

Links

Made with

  • HTML / CSS / JS

About a code

Horizontal Timeline

A React component to create horizontal timelines.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: react-dom.js

Author

  • Veysi YILDIZ

Links

Made with

  • HTML / CSS / JS

About a code

Vertical Timeline Component for React

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: React Gantt Timeline

Author

  • Guillermo Quiros

Links

Made with

  • HTML / CSS / JS

About a code

React Gantt Timeline

A react timeline gannt component with virtual rendering.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: react-dom.js

Demo image: React Timeline Semantic UI

Author

  • Chuqi

Links

Made with

  • HTML / CSS / JS

About a code

React Timeline Semantic UI

This react timeline component is built with Semantic UI React.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: semantic-ui-react.js

Demo image: react-native-timeline-theme

react-native-timeline-theme

Zaku |

github page

Collection of TimeLine theme. This package only use flexbox (without absolute) & FlatList

Demo image: react-timeline-scribble

react-timeline-scribble

Igor Kamyshev |

github page demo page

React timeline component.

Demo image: react-vertical-timeline

react-vertical-timeline

Stéphane Monnot |

github page demo page

Vertical timeline for React.js.

Demo image: react-native-timeline

react-native-timeline

ZackLeonardo |

github page

React native timeline component.

Demo image: react-time-line

react-time-line

Arun Ghosh |

github page

A react component to display event in a vertical timeline format.

Demo image: react-timespan

react-timespan

Cole Turner |

github page

Timeline component with gallery view and scrolling time plots.

Demo image: react-native-timeline-listview

react-native-timeline-listview

Watcharachai Kanjaikaew |

github page

Timeline component for React native app.

Demo image: react-life-timeline

react-life-timeline

Jeremy Gordon |

github page demo page

A life by weeks timeline component for React.

Demo image: react-dual-timeline

react-dual-timeline

Fredrik Teschke |

github page

A React component for animated timelines.

Demo image: react-chronos

react-chronos

Rubens Mariuzzo |

github page

React chronology component providing dual chronological timelines.

Demo image: react-event-timeline

react-event-timeline

RC |

github page demo page

A responsive event timeline in React.js.

Demo image: react-image-timeline

react-image-timeline

Aaron Geisler |

github page demo page

An image-centric timeline component for React.js. View chronological events in a pleasant way. Responsive & mobile-friendly. Easily customized. Gracefully handles overflow and non-uniform content. Lightweight (only CSS and SVG).

Demo image: react-timeless

react-timeless

Daniel Rodrigues |

github page

A simple React timeline component for filtering data...

Demo image: react-horizontal-timeline

react-horizontal-timeline

Sherub Thakur |

github page demo page

A React.js port of the horizontal timeline developed by CodyHouse.

Demo image: react-calendar-timeline

react-calendar-timeline

Namespace OÜ |

github page

A modern and responsive React timeline component.

Demo image: react-timeline-component

react-timeline-component

Eric Brookfield |

github page

SVG Timeline built in React. For showing dates on a line.

Demo image: react-vertical-timeline

react-vertical-timeline

Jesús F. Trujillo |

github page

Vertical progress bar with bookmarks support.