25+ React Tabs - Free Code + Demos

Collection of 25+ React Tabs. All items are 100% free and open-source.

1. React Tabs Component

React Tabs - React Tabs Component
Author: Piotr Modes (piotr-modes)
Created on: February 23, 2019
Made with: HTML, CSS, Babel

2. React Tabs

React Tabs - React Tabs
Author: Jacob Pease (JacobPease)
Created on: June 16, 2018
Made with: HTML, CSS, Babel

3. React Tabs

React Tabs - React Tabs
Author: Ron San Jose (ronsj)
Created on: June 11, 2017
Made with: HTML, SCSS, Babel
Tags: react, reactjs, tabs, tabbed, es6

4. React Tabs

React Tabs - React Tabs
Playing around with creating an dynamic tab component for React.
Author: c0deNinja (c0deninja-)
Created on: April 29, 2017
Made with: HTML, CSS, Babel

5. React Tabs Composition

React Tabs - React Tabs Composition
Author: Travis Arnold (souporserious)
Created on: October 16, 2016
Made with: HTML, SCSS, Babel
Tags: react, tab, accessible, animation, compose

6. React Tabs

React Tabs - React tabs
Author: Josh (cb-josh-c)
Created on: March 24, 2016
Made with: HTML, SCSS, Babel
Tags: react, tabs

7. React Tabs 5

React Tabs - React Tabs 5
This is the way I prefer to set tabs using React. The most tabs systems I found on the web do not let you to compose properly each part of them (e.g. put a button in a tab), or are too complicated. So I made my own simple solution. :)
Author: Anthony Dugois (anthonydugois)
Created on: February 12, 2016
Made with: HTML, PostCSS, Babel
Tags: react, reactjs, tabs, panels, javascript

8. Animated React Tabs

React Tabs - Animated React Tabs
Animated tabs built with React, animated using Velocity (for the springy tracker) and ReactCSSTransitionGroup for the tabs themselves.
Author: Joseph Martucci (jjmartucci)
Created on: January 30, 2016
Made with: HTML, SCSS, Babel
Tags: react, animation, velocity, tabs

9. React Tabs

React Tabs - React tabs
Author: Jonathan Obino (jonathanobino)
Created on: January 30, 2016
Made with: HTML, SCSS, Babel
Tags: react, tabs

10. React: Tabs

React Tabs - React: Tabs
React tabs
Author: Aleh Isakau (piupiupiu)
Created on: December 10, 2015
Made with: HTML, CSS, Babel
Tags: react, js, tabs, component, jsx

11. React Tabs With Bootstrap

React Tabs - React Tabs with Bootstrap
simple example of a tab navigation built with React. Followed this post
Author: Amanda Williamson (amwill)
Created on: November 5, 2015
Made with: HTML, CSS, Babel
Tags: react

12. Tabs Component With React

React Tabs - Tabs Component with React
Simple tabs component with React JS TODO: - Support dynamic height - Add cool CSS3 animation - Add Swipe events
Author: Duc Nguyen (pandaduc)
Created on: August 12, 2015
Made with: HTML, SCSS, Babel
Tags: react, tabs, component

13. React Tabs

React Tabs - React Tabs
First experimentation with React JS and Flexbox. Javascript foundation from this stackoverflow :) http://stackoverflow.com/questions/20872632/react-js-composing-components-to-create-tabs React tab content needs refactoring!
Author: Tobi Weinstock (tvweinstock)
Created on: August 11, 2015
Made with: HTML, SCSS, JS
Tags: react, js, flex, flexbox, tabs

14. React Tabs With Various Features

React Tabs - React Tabs With Various Features
Basic tabs in react, tab content: - randomly generated data - animated bb-8 pet - live sine wave with relative angle - live clock
Author: Matt Bullock (m4ttb13)
Created on: April 27, 2017
Made with: HTML, SCSS, Babel
Tags: react, tabs, interactive

15. React Tab Example

React Tabs - React tab example
Author: andyyou (andyyou)
Created on: September 16, 2014
Made with: Pug, Less, JS
CSS Pre-processor: Less
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: reactjs

16. React-simple-tab - (Simplified)

React Tabs - React-simple-tab - (Simplified)
TODO: improve accessibility features
Author: jack_Quarry (TheEnd)
Created on: December 5, 2019
Made with: HTML, SCSS, Babel
Tags: react, tab, simple, react.children, children

17. React Tabs 2

React Tabs - React Tabs 2
Author: Jacob Pease (JacobPease)
Created on: June 22, 2018
Made with: HTML, CSS, Babel

18. Super Simple Tabs (React)

React Tabs - Super Simple Tabs (React)
Author: Quentin Topper (quentunahelper)
Created on: October 28, 2015
Made with: Haml, Sass, Babel
CSS Pre-processor: Sass
JS Pre-processor: Babel
HTML Pre-processor: Haml
Tags: tab, tabs, react, reactjs, react.js

19. ReactJS Tabbed Template

React Tabs - ReactJS Tabbed Template
Author: React Dallas (ReactDallas)
Created on: August 18, 2016
Made with: HTML, SCSS, Babel

20. React Responsive Tabs

React Tabs - React Responsive Tabs
Author: Monica Tamaru Jones (mntjones)
Created on: September 9, 2019
Made with: HTML, SCSS, Babel
Tags: react, tab, accessible, animation, compose

21. Vertical Tabs (Reactjs+CSS)

React Tabs - Vertical Tabs (Reactjs+CSS)
Author: Luis Trinidad (-str-)
Created on: August 7, 2019
Made with: HTML, SCSS, Babel

22. React Tabs

React Tabs - React tabs
Animated & responsive tabs using React
Author: Adam Morsi (AdamMorsi)
Created on: April 9, 2019
Made with: HTML, SCSS, Babel
Tags: react, tabs, animated tabs, responsive tabs

23. React Tabs With New Context

React Tabs - React tabs with new context
Author: jack_Quarry (TheEnd)
Made with: HTML, SCSS, Babel