19 React tabs of all kinds for timelines and more

React tabs

Already in time we share a series of timelines for those web parts in which we want to record a series of events. Now they are 19 tabs with the same goal, although in React so that you can find the perfect one that defines events in a timeline or the history of your company with related text.

In this collection of 19 React tabs there are both horizontal and vertical and they are all totally free. So you can have them as you please. A series of tabs that cover all kinds of needs to follow the current standard of web design in this year 2018. Let's do it with 19 React tabs that will not leave anyone indifferent.

React Tiny Tabs

tiny tabs

A tab component for React with basic options to customize the topic. From the example page you can see the different composition process that results in a basic tab with a slightly peculiar design.

Here Github.

React re super tabs

Tabs

From codesandbox you can access the demo of this tab for React that is distinguished by being able to be used again. As you can see in the example, they are basic tabs with the information that we want to provide on our website. You have all the relevant information in the demo.

Here Github.

React web tabs

React web tabs

With this tab for React we can opt for a horizontal layout or another to the vertical. It is distinguished by being modular and accessible for some tabs that you can see in their respective examples in order to use them as it suits you on your website.

Here Github.

React Responsive Tabs

react responsive

Responsive tabs for React that are distinguished by being for mobile. On the example page you can find different options to view each of the customizations that these tabs provide for React.

Not missing your Github.

React accessible tabs

React accessible tabs

A component accessible to tabs for React. Very simple in all its essence for three sections that are shown in the example given so that you can get an idea of ​​these tabs for React.

Su Github.

Tabs material

Tabs material

Here we do not have a demo page to see this tab for React in situ, but you can go to the website on github to have all the code in your hand. It is a React package that offers a component of tabs to Material Design, the design language from Google that has been with us for a few years. Here you can access the published tools by Google to use Material Design.

React tab navigation

React tab navigation

React tabs navigation is a React quality component that lets you allows browsing through tabs in your web app. From the same link to the example page you can access its Github to witness the rest of the code.

React TabTab

react tab

A tab for React with mobile support and that can be edited. Is a Tab-based API for React JavaScript. You have the option to choose between three themes from the example page and go to Github from the "Document" button on it. It is on the same example page where it shows all the customization that can be carried out.

React Aria Tabpanel

react ary

Allows you to interact with the tabs with the keyboard arrow keys for a highly flexible React component that allows great customization. You have various examples from its demo page.

React Tabbordion

React Tabbordion

Another component for React that has all kinds of customization options like the address to the repository. Universal and semantic allows you to create accordions and tabs for your website. There is no lack of detail to all the information necessary to implement it.

Faster React Tabs

Faster react tabs

A tab component for React that uses its flexibility and its agnostic context. Perfect for rendering easy access tabs. All information, as well as the link to the repository on Github is available from the given example page.

React swipe views

React swipe tabs

Component for React for embedded tabs and views that can be visualize through gestures. Perfect for a site dedicated to mobile. You have examples of the different options on the example page so that you do not miss details of this React component.

Tabs

Tabs

A component for React tabs that from its example website you have the different options given to customize it. All the information is sufficiently organized so that you can easily implement this component.

React Tabs

React tabs

A great React JavaScript tab component ease of use and well accessible. From the example page you can access the repository on Github. They put various examples such as one in which there is a tab that is disabled by default. You can use the tab to focus on tabs and use the arrow keys to switch between them.

M-Tabs

Native tabs for React both for web as for native. You have several examples on the given page to see how this component behaves. In the upper right corner you have the link to the Github repository in case you want to know more or take it for your website.

React Native Material Tabs

react native material

As its name suggests, it is aimed at Material Design for the implementation of tabs. We do not have an example page, but we do have its Github repository where you can find everything that is needed for its integration.

React Native Tab View

react native material

A cross platform tab component for React Native. It is an implementation only in JavaScript and allowing use of gestures to switch between the different tabs. It is characterized by being very customizable, which allows all kinds of flourishes.

React native tabbar navigator

React native tabbar

A component for React tabs that creates a excellent browser plus a bar of eyelashes.

React Native Tabs

React Native Tabs

React Native tab as a standalone platform that could be used for lower lashes as well as sectional views. With this we finish the series of tabs for React. We leave you with a series of forms in CSS so you can keep an eye on it and see if they are good for your website.


Leave a Comment

Your email address will not be published. Required fields are marked with *

*

*

  1. Responsible for the data: Miguel Ángel Gatón
  2. Purpose of the data: Control SPAM, comment management.
  3. Legitimation: Your consent
  4. Communication of the data: The data will not be communicated to third parties except by legal obligation.
  5. Data storage: Database hosted by Occentus Networks (EU)
  6. Rights: At any time you can limit, recover and delete your information.