Collection of free React tab code examples from github and other resources. Update of December 2019 collection. 6 new items.

Related Articles

  1. CSS Tabs
  2. Bootstrap Tabs
  3. JavaScript Tabs
  4. jQuery Tabs
  5. Tailwind Tabs
  6. Vue Tabs

Author

  • webRidge

About a code

React Native Paper Tabs

Smooth and fast cross platform Material Design Tabs for React Native Paper.

Demo image: React Tabs

Author

  • Ustariz Enzo

About a code

React Tabs

Author

  • PedroBern

About a code

React Native Collapsible Tab View

A cross-platform collapsible tab view component for React Native.

Author

  • Pier-Luc Gendreau

About a code

React Headless Tabs

Headless, simple, and highly flexible tab-like primitives built with React hooks.

Author

  • zyslife

About a code

React Native Head Tab View

Add collapsible headers to your tab-view components.

Author

  • Swiggy

About a code

Swipeable Tabs

React Tabs Component that supports Swiping across screen to switch tabs.

Author

  • Piotr Modes

Made with

  • HTML / CSS / JS (Babel)

About a code

React Tabs Component

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

Responsive: yes

Dependencies: -

Author

  • Jacob Pease

Made with

  • HTML / CSS / JS (Babel)

About a code

React Tabs

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

Responsive: no

Dependencies: -

Author

  • Ron San Jose

Made with

  • HTML / CSS (SCSS) / JS (Babel)

About a code

React Tabs

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

Responsive: yes

Dependencies: -

Author

  • c0deNinja

Made with

  • HTML / CSS / JS (Babel)

About a code

React Tabs

Playing around with creating an dynamic tab component for React.

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

Responsive: yes

Dependencies: -

Author

  • Travis Arnold

Made with

  • HTML / CSS (SCSS) / JS (Babel)

About a code

React Tabs Composition

Animated React tabs.

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

Responsive: yes

Dependencies: -, element-resize-detector.js, get-node-dimensions.js, react-motion.js, react-measure.js, react-aria-deps.js, react-aria.js, react-fluid-container.js

Author

  • Josh

Made with

  • HTML / CSS (SCSS) / JS (Babel)

About a code

React Tabs

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

Responsive: yes

Dependencies: -

Author

  • Anthony Dugois

Made with

  • HTML / CSS (PostCSS) / JS (Babel)

About a code

React Tabs

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.

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

Responsive: yes

Dependencies: -

Author

  • Joseph Martucci

Made with

  • HTML / CSS (SCSS) / JS (Babel)

About a code

Animated React Tabs

Animated tabs built with React, animated using Velocity (for the springy tracker) and ReactCSSTransitionGroup for the tabs themselves.

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

Responsive: no

Dependencies: react-with-addons.js, velocity.js

Author

  • Jonathan Obino

Made with

  • HTML / CSS (SCSS) / JS (Babel)

About a code

React Tabs

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

Responsive: yes

Dependencies: -

Author

  • Aleh Isakau

Made with

  • HTML / CSS / JS (Babel)

About a code

React: Tabs

Simple tabs in React.

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

Responsive: yes

Dependencies: -

Author

  • Amanda Williamson

Made with

  • HTML / CSS / JS (Babel)

About a code

React Tabs With Bootstrap

Simple example of a tab navigation built with React.

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

Responsive: yes

Dependencies: bootstrap.css

Author

  • Duc Nguyen

Made with

  • HTML / CSS (SCSS) / JS (Babel)

About a code

Tabs Component with React

Simple tabs component with React JS.

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

Responsive: yes

Dependencies: react-with-addons.js

Author

  • Tobi Weinstock

Made with

  • HTML / CSS (SCSS) / JS

About a code

React Tabs

Experiment with React JS and Flexbox.

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

Responsive: no

Dependencies: font-awesome.css, JSXTransformer.js