Collection
Post cover

Top 31 React JS Timelines

Collection of free React JS timelines: horizontal, vertical, etc

TimelineBubbles

Author: Nickolas da Rocha Machado

Links: GitHub

Beautiful timelines for your presentations.

React Scroll Animation Component

Author: Alex Kashuba

Links: GitHub

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

TimelineJS

Author: Ael Gain

Links: GitHub

React component to display timelines.

React Chrono

Author: Prabhu Murthy

Links: GitHub

Made with: HTML / CSS / JS

Modern timeline component for React.

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

Responsive: yes

Post cover

React Native Just Timeline

Author: Mohamed Ahmed

Links: GitHub

Made with: HTML / CSS / JS

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

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

Responsive: yes

Post cover

React Native Beautiful Timeline

Author: FreakyCoder

Links: GitHub

Made with: HTML / CSS / JS

Fully customizable, beautifully designed Timeline for React Native.

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

Responsive: yes

Progress Timeline Bar

Author: Stephen Reed

Links: GitHub

Made with: HTML / CSS / JS

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

Post cover

Vertical Timeline Component in React

Author: Musa Bas

Links: GitHub

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.

React SVG Timeline

Author: Rahel Lüthy

Links: GitHub

Made with: HTML / CSS / JS

A React event timeline component based on SVG.

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

Responsive: yes

Post cover

React Timeline

Author: Steven Mercatante

Links: GitHub

Made with: HTML / CSS / JS

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

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

Responsive: yes

Post cover

Vertical Timeline Component React

Author: Eduardo Esteban Alvarez Castañeda

Links: GitHub

Made with: HTML / CSS / JS

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

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

Responsive: yes

Post cover

Horizontal Timeline

Author: Mailtop

Links: GitHub

Made with: HTML / CSS / JS

A React component to create horizontal timelines.

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

Responsive: yes

Dependencies: react-dom.js

Vertical Timeline Component for React

Author: Veysi YILDIZ

Links: GitHub

Made with: HTML / CSS / JS

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

Responsive: yes

Post cover

React Gantt Timeline

Author: Guillermo Quiros

Links: GitHub

Made with: HTML / CSS / JS

A react timeline gannt component with virtual rendering.

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

Responsive: yes

Dependencies: react-dom.js

Post cover

React Timeline Semantic UI

Author: Chuqi

Links: GitHub

Made with: HTML / CSS / JS

This react timeline component is built with Semantic UI React.

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

Responsive: yes

Dependencies: semantic-ui-react.js

Post cover

react-native-timeline-theme

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

Author: tomzaku

Links: GitHub

Made with: JavaScript (79.6%), Objective-C (11.8%), Python (4.6%), Java (4.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
43 3 15
Post cover

react-timeline-scribble

React Timeline component

Author: project-cemetery (Igor Kamyshev)

Links: GitHub

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
23 2 14
Post cover

react-vertical-timeline-component - Vertical timeline for React.js

Vertical timeline for React.js

Author: Stéphane Monnot

Links: GitHub, Website

Made with: CSS (50.3%), JavaScript (49.7%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
824 11 130
Post cover

react-native-timeline

React native timeline component.

Author: ZackLeonardo

Links: GitHub

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
9 1 7
Post cover

react-time-line

A react component to display event in a vertical timeline format

Author: Arun Ghosh

Links: GitHub

Made with: JavaScript (67.8%), CSS (22.3%), TypeScript (6.5%), HTML (3.4%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
67 4 25
Post cover

React Timespan

Timeline component with gallery view and scrolling time plots.

Author: coleturner

Links: GitHub, Website

Made with: JavaScript (67.1%), CSS (32.9%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
40 0 14
Post cover

React Native Timeline Listview

Timeline component for React Native App

Author: thegamenicorus

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
1.1k 28 192
Post cover

React Life Timeline

A life by weeks timeline component for React

Author: Jeremy Gordon

Links: GitHub, Website

Made with: JavaScript (85.1%), HTML (9.4%), CSS (5.5%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
77 4 8
Post cover

React Timeline

A react component for animated timelines.

Author: Fredrik Teschke

Links: GitHub

Made with: JavaScript (96.8%), HTML (3.2%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
32 2 8
Post cover

React Chronos

⛓ React chronology component providing dual chronological timelines.

Author: rmariuzzo

Links: GitHub

Made with: JavaScript (91.5%), CSS (8.5%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
37 1 13
Post cover

react-event-timeline

A responsive event timeline in React.js

Author: rcdexta

Links: GitHub, Website

Made with: JavaScript (94.1%), TypeScript (5.0%), HTML (0.9%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
525 12 62
Post cover

React Image Timeline

📆 An image-centric timeline component for React.js

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).

Author: aaron9000 (Aaron Geisler)

Links: GitHub, Website

Made with: JavaScript (47.6%), TypeScript (27.5%), CSS (20.9%), HTML (4.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
81 4 16
Post cover

react-timeless

A simple react timeline component for filtering data...

Author: danizep (Daniel Rodrigues)

Links: GitHub, Website

Made with: JavaScript (89.9%), CSS (10.1%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
36 4 8
Post cover

React Horizontal Timeline

[Not maintained] A Timeline component

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

Author: Sherub Thakur

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
279 8 88
Post cover

react-calendar-timeline

A modern and responsive react timeline component.

Author: namespace-ee

Links: GitHub

Made with: JavaScript (97.8%), SCSS (1.3%), Shell (0.9%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
1.6k 47 502
Post cover

react-timeline-component

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

Author: Eric Brookfield

Links: GitHub

Made with: JavaScript (92.5%), CSS (5.9%), HTML (1.6%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
19 1 4
Post cover

react-vertical-timeline - Vertical progress bar with bookmarks support

vertical progress bar with bookmark support

Author: yeyus

Links: GitHub, Website

Made with: JavaScript (81.6%), CSS (18.4%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
30 2 9

Did you like the post? Share it with your friends!

Follow us on social networks

Feedback