Post thumbnail: 23 React Tabs

Tags      react.js tab


23 React Tabs

Collection of free web and native React tabs: horizontal, vertical.

Table Of Contents

  1. React Web Tabs
  2. React Native Tabs

React Web Tabs

Demo image: react-tiny-tabs

react-tiny-tabs

Ignacio Chavez |

github page demo page

Easy to use tab component for React with basic options to skin and change layout.

Demo image: react-re-super-tabs

react-re-super-tabs

Bartłomiej Potaczek |

github page demo page

React reusable tab component.

Demo image: react-web-tabs

react-web-tabs

Marcus Lindfeldt |

github page demo page

Declarative, modular and accessible React tabs component.

Demo image: react-accessible-tabs

react-accessible-tabs

Matt Stow |

github page demo page

An accessible React tabs component.

Demo image: material-tabs

material-tabs

Oliver Fencott |

github page

A simple React package that provides the Material Design tab component.

Demo image: react-tabs-navigation

react-tabs-navigation

Pep Rodeja |

github page demo page

react-tabs-navigation is a nice react component that enables navigation through tabs in your web app.

Demo image: react-tabtab

react-tabtab

Jack Hou |

github page demo page

A mobile support, draggable, editable and api based tab for ReactJS.

Demo image: react-aria-tabpanel

react-aria-tabpanel

David Clark |

github page demo page

A fully accessible, extravagantly flexible, React-powered tab panel component.

Demo image: react-tabbordion

react-tabbordion

Vesa Piittinen |

github page demo page

Universal, semantic and accessible React state managing components for creating accordions and tabs.

Demo image: react-draggable-tab

react-draggable-tab

Takeharu.Oshida |

github page demo page

Atom like draggable tab react component.

Demo image: faster-react-tabs

faster-react-tabs

Edenspiekermann |

github page demo page

Faster React tabs is a flexible and context-agnostic React component used to render accessible and simple tabs.

Demo image: react-swipe-views

react-swipe-views

Damien Varron |

github page demo page

A React component for binded tabs and swipeable views.

Demo image: react-tabs

react-tabs

React Community |

github page demo page

An accessible and easy tab component for ReactJS.

React Native Tabs

Demo image: m-tabs

m-tabs

react-component |

github page demo page

React mobile tabs component (web & react-native).

Demo image: react-native-material-tabs

react-native-material-tabs

Kyle Roach |

github page

Material Design implementation of tabs.

Demo image: react-native-tab-view

react-native-tab-view

React Native Community |

github page

A cross-platform tab view component for React Native. This is a JavaScript-only implementation of swipeable tab views. It's super customizable, allowing you to do things like coverflow.

Demo image: react-native-tabbar

react-native-tabbar

sincethere |

github page

Demo image: react-native-tabbar-navigator

react-native-tabbar-navigator

DickyT |

github page

A component which builds excellent Navigator + TabBar based application, have a good solution for implementing hidesBottomBarWhenPushed in iOS.

Demo image: react-native-tabs

react-native-tabs

Pavel Aksonov |

github page

React Native platform-independent tabs. Could be used for bottom tab bars as well as sectioned views (with tab buttons).

Demo image: react-native-tab-navigator

react-native-tab-navigator

HappyPancake |

github page

A tab bar that switches between scenes, written in JS for cross-platform support. It works on iOS and Android. This component is compatible with React Native 0.16 and newer.

Demo image: react-native-tabbar

react-native-tabbar

Ali Najafizadeh |

github page

React-Native tab bar with more freedom.

Back to top