Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

Explore thousands of open source components to build your apps

Discover reusable components with minimal dependencies shared by developers around the world. Choose and use components to build your applications.
THE BEST OF

REACT CHARTS

Displaying analytics in a visual way can be done with charts of all types. The best open source React charts are now available as components.
primereact /
chart
v3.1.8
Chart components are based on Charts.js, an open source HTML...
Build: Pass
public
mit
117 KB
recharts /
area-chart
v1.6.2
Area chart React component
Build: Pass
public
mit
120 KB
recharts /
bar-chart
v1.6.2
Bar chart React component
Build: Pass
public
mit
120 KB
recharts /
line-chart
v1.6.2
Line chart React component
Build: Pass
public
mit
120 KB
recharts /
composed-chart
v1.6.2
Composed chart React component
Build: Pass
public
mit
125 KB
grommet /
chart
v2.6.5
A graphical chart.
Build: Pass
public
apache
29 KB
recharts /
scatter-chart
v1.6.2
Scatter chart React component
Build: Pass
public
mit
120 KB
recharts /
pie-chart
v1.6.2
Pie chart React component
Build: Pass
public
mit
122 KB
primereact /
organizationchart
v3.1.8
OrganizationChart visualized hierarchical organization data.
Build: Pass
public
mit
6 KB
recharts /
radar-chart
v1.6.2
Radar chart React component
Build: Pass
public
mit
120 KB
recharts /
radial-bar-chart
v1.6.2
Radial bar chart React component
Build: Pass
public
mit
121 KB
chevron_leftLeft
More Examples
Rightchevron_right
recharts /
bar-chart
v1.6.2
Bar chart React component
Build: Pass
public
mit
120 KB
recharts /
line-chart
v1.6.2
Line chart React component
Build: Pass
public
mit
120 KB
primereact /
chart
v3.1.8
Chart components are based on Charts.js, an open source HTML...
Build: Pass
public
mit
117 KB
recharts /
area-chart
v1.6.2
Area chart React component
Build: Pass
public
mit
120 KB

React Buttons

Buttons are the most popular UI components in Bit's community. Find the best buttons to help users take actions in your React applications.
semantic-ui-react /
button
v0.86.0
A Button indicates a possible user action
Build: Pass
public
mit
82 KB
react-bootstrap /
button-group
v1.0.0
Sets the size for all Buttons in the group.
Build: Pass
public
mit
4 KB
material-ui /
button
v3.9.2
Buttons allow users to take actions, and make choices, with ...
Build: Pass
public
mit
28 KB
react-bootstrap /
button
v1.0.0
One or more button variant combinations
Build: Pass
public
mit
5 KB
semantic-ui-react /
confirm
v0.86.0
Called when the Modal is closed without clicking confirm.
Build: Pass
public
mit
85 KB
primereact /
button
v3.1.8
Button is an extension to standard input element with icons ...
Build: Pass
public
mit
8 KB
le
shared-ui /
toggle-button
v0.0.3
Renders an icon and a text into an `PrimaryButton`.
Build: Pass
public
mit
8 KB
primereact /
splitbutton
v3.1.8
SplitButton groups a set of commands in an overlay with a de...
Build: Pass
public
mit
43 KB
Build: Pass
public
mit
30 KB
material-ui /
icon-button
v3.9.2
Refer to the [Icons](/style/icons/) section of the documenta...
Build: Pass
public
mit
27 KB
Build: Pass
public
mit
4 KB
material-ui /
button-base
v3.9.2
`ButtonBase` contains as few styles as possible
Build: Pass
public
mit
27 KB
Build: Pass
public
mit
3 KB
Build: Pass
public
apache
35 KB
sa
ui-components /
store
v1.0.10
Beautified button for AppStore/PlayMarket redirecting
Build: Pass
public
mit
21 KB
grommet /
radio-button
v2.6.5
A radio button control.
Build: Pass
public
apache
35 KB
react-foundation /
button-group
v0.9.6
Button groups are containers for related action items. They'...
Build: Pass
public
mit
39 KB
primereact /
radiobutton
v3.1.8
RadioButton is an extension to standard radio button element...
Build: Pass
public
mit
8 KB
grommet /
drop-button
v2.6.5
A Button that controls a Drop. When opened, the Drop will co...
Build: Pass
public
apache
38 KB
wired-elements /
wired-icon-button
v1.0.0
This is a hand-drawn sketchy round button with an image plac...
Build: Pass
public
mit
13 KB
chevron_leftLeft
More Examples
Rightchevron_right
semantic-ui-react /
button
v0.86.0
A Button indicates a possible user action
Build: Pass
public
mit
82 KB
react-bootstrap /
button-group
v1.0.0
Sets the size for all Buttons in the group.
Build: Pass
public
mit
4 KB
material-ui /
button
v3.9.2
Buttons allow users to take actions, and make choices, with ...
Build: Pass
public
mit
28 KB
react-bootstrap /
button
v1.0.0
One or more button variant combinations
Build: Pass
public
mit
5 KB
semantic-ui-react /
confirm
v0.86.0
Called when the Modal is closed without clicking confirm.
Build: Pass
public
mit
85 KB
primereact /
button
v3.1.8
Button is an extension to standard input element with icons ...
Build: Pass
public
mit
8 KB

React Tables

Tables are the most comfortable way to display data. Now it's easier than ever with tables as React components.
grommet /
data-table
v2.6.5
A data driven table.
Build: Pass
public
apache
47 KB
semantic-ui-react /
table
v0.86.0
A table can use fixed a special faster form of table renderi...
Build: Pass
public
mit
74 KB
react-bootstrap /
table
v1.0.0
Adds zebra-striping to any table row within the `<tbody>`.
Build: Pass
public
mit
3 KB
material-ui /
table
v3.9.2
Data tables display information in a way that’s easy to scan...
Build: Pass
public
mit
20 KB
Build: Pass
public
mit
4 KB
material-ui /
table-sort-label
v3.9.2
A button based label for placing inside `TableCell` for colu...
Build: Pass
public
mit
28 KB
le
shared-ui /
list-builder
v0.0.3
Renders a responsive table into a parent container;
Build: Pass
public
mit
6 KB
grommet /
table
v2.6.5
A table of data organized in cells.
Build: Pass
public
apache
23 KB
material-ui /
table-pagination
v3.9.2
A `TableCell` based component for placing inside `TableFoote...
Build: Pass
public
mit
51 KB
primereact /
treetable
v3.1.8
TreeTable is used to display hierarchical data in tabular fo...
Build: Pass
public
mit
61 KB
Build: Pass
public
mit
20 KB
material-ui /
table-cell
v3.9.2
`<TableCell>` will be rendered as an `<th>`or `<td>` dependi...
Build: Pass
public
mit
21 KB
Build: Pass
public
mit
20 KB
Build: Pass
public
mit
20 KB
Build: Pass
public
mit
31 KB
material-ui /
table-row
v3.9.2
Will automatically set dynamic row height based on the mater...
Build: Pass
public
mit
20 KB
primereact /
datatable
v3.1.8
DataTable displays data in tabular format.
Build: Pass
public
mit
65 KB
chevron_leftLeft
More Examples
Rightchevron_right

React Navigations

React navigation bars, breadcrumbs, paginations and tabs components to help users successfully navigate through your application and items.
semantic-ui-react /
tab
v0.86.0
Called on tab change.
Build: Pass
public
mit
76 KB
react-bootstrap /
navbar
v1.0.0
The general visual variant a the Navbar. Use in combination ...
Build: Pass
public
mit
11 KB
semantic-ui-react /
sidebar
v0.86.0
Called before a sidebar begins to animate out.
Build: Pass
public
mit
73 KB
semantic-ui-react /
pagination
v0.86.0
Called on change of an active page.
Build: Pass
public
mit
76 KB
react-bootstrap /
tabs
v1.0.0
Mark the Tab with a matching `eventKey` as active.
Build: Pass
public
mit
13 KB
semantic-ui-react /
breadcrumb
v0.86.0
A breadcrumb is used to show hierarchy between content.
Build: Pass
public
mit
73 KB
react-bootstrap /
nav
v1.0.0
The visual variant of the nav items.
Build: Pass
public
mit
8 KB
react-bootstrap /
breadcrumb
v1.0.0
ARIA label for the nav element https://www.w3.org/TR/wai-ari...
Build: Pass
public
mit
5 KB
sa
ui-components /
tabbar
v1.0.4
Styled tabs component
Build: Pass
public
mit
21 KB
Build: Pass
public
mit
4 KB
Build: Pass
public
mit
4 KB
material-ui /
table-pagination
v3.9.2
A `TableCell` based component for placing inside `TableFoote...
Build: Pass
public
mit
51 KB
react-foundation /
pagination
v0.9.6
Pagination is a type of navigation that lets users click thr...
Build: Pass
public
mit
39 KB
material-ui /
tabs
v3.9.2
Tabs make it easy to explore and switch between different vi...
Build: Pass
public
mit
32 KB
Build: Pass
public
mit
19 KB
react-foundation /
tabs
v0.9.6
Tabs are elements that help you organize and navigate multip...
Build: Pass
public
mit
39 KB
grommet /
skip-links
v2.6.5
Describe a list of elements to skip to.
Build: Pass
public
apache
38 KB
grommet /
carousel
v2.6.5
A carousel that cycles through children. Child components
Build: Pass
public
apache
37 KB
Build: Pass
public
mit
7 KB
chevron_leftLeft
More Examples
Rightchevron_right
semantic-ui-react /
tab
v0.86.0
Called on tab change.
Build: Pass
public
mit
76 KB
react-bootstrap /
navbar
v1.0.0
The general visual variant a the Navbar. Use in combination ...
Build: Pass
public
mit
11 KB
semantic-ui-react /
sidebar
v0.86.0
Called before a sidebar begins to animate out.
Build: Pass
public
mit
73 KB
semantic-ui-react /
pagination
v0.86.0
Called on change of an active page.
Build: Pass
public
mit
76 KB
react-bootstrap /
tabs
v1.0.0
Mark the Tab with a matching `eventKey` as active.
Build: Pass
public
mit
13 KB
semantic-ui-react /
breadcrumb
v0.86.0
A breadcrumb is used to show hierarchy between content.
Build: Pass
public
mit
73 KB

React Cards

Card components to display subjects such as items, profiles and categories. Help users choose and take action in your React application.
material-ui /
card
v3.9.2
Cards contain content and actions about a single subject.
Build: Pass
public
mit
20 KB
Build: Pass
public
mit
81 KB
react-bootstrap /
card
v1.0.0
Sets card background
Build: Pass
public
mit
5 KB
Build: Pass
public
mit
27 KB
material-ui /
card
v3.9.2
Cards contain content and actions about a single subject.
Build: Pass
public
mit
20 KB
Build: Pass
public
mit
81 KB
react-bootstrap /
card
v1.0.0
Sets card background
Build: Pass
public
mit
5 KB
Build: Pass
public
mit
27 KB
Build: Pass
public
mit
29 KB
wired-elements /
wired-card
v1.0.0
wired-card is s a container for other web elements - with a ...
Build: Pass
public
mit
11 KB
Build: Pass
public
mit
20 KB
Build: Pass
public
mit
3 KB
primereact /
card
v3.1.8
Card is a flexible container component.
Build: Pass
public
mit
5 KB
Build: Pass
public
mit
20 KB
Build: Pass
public
mit
21 KB
chevron_leftLeft
More Examples
Rightchevron_right
Card components to display subjects such as items, profiles and categories. Help users choose and take action in your React application.
See More React Cards
React Menus
Every React app needs header, dropdown and tab menus to help users navigate. Choose the menu you need from popular open source components.
react-foundation /
menu
v0.9.6
Our flexible menu component makes it easy to build many comm...
Build: Pass
public
mit
39 KB
react-bootstrap /
dropdown
v1.0.0
Determines the direction and location of the Menu in relatio...
Build: Pass
public
mit
20 KB
material-ui /
menu
v3.9.2
Menus display a list of choices on temporary surfaces.
Build: Pass
public
mit
34 KB
semantic-ui-react /
menu
v0.86.0
onClick handler for MenuItem.
Build: Pass
public
mit
74 KB
primereact /
megamenu
v3.1.8
MegaMenu is navigation component that displays submenus toge...
Build: Pass
public
mit
8 KB
primereact /
tabmenu
v3.1.8
Menu is a navigation/command component that displays items a...
Build: Pass
public
mit
5 KB
material-ui /
list-item-icon
v3.9.2
A simple wrapper to apply `List` styles to an `Icon` or `Svg...
Build: Pass
public
mit
20 KB
primereact /
tieredmenu
v3.1.8
TieredMenu displays submenus in nested overlays.
Build: Pass
public
mit
42 KB
primereact /
menubar
v3.1.8
Menubar is a horizontal menu component.
Build: Pass
public
mit
8 KB
primereact /
panelmenu
v3.1.8
PanelMenu is a hybrid of accordion-tree components.
Build: Pass
public
mit
9 KB
grommet /
menu
v2.6.5
A control that opens a Drop containing plain Buttons.
Build: Pass
public
apache
40 KB
primereact /
menu
v3.1.8
Menu is a navigation/command component that supports dynamic...
Build: Pass
public
mit
41 KB
Build: Pass
public
mit
28 KB
Build: Pass
public
mit
21 KB
primereact /
contextmenu
v3.1.8
ContextMenu displays an overlay menu on right click of its t...
Build: Pass
public
mit
42 KB
primereact /
slidemenu
v3.1.8
SlideMenu displays submenus with a slide animation.
Build: Pass
public
mit
42 KB
chevron_leftLeft
More Examples
Rightchevron_right
react-foundation /
menu
v0.9.6
Our flexible menu component makes it easy to build many comm...
Build: Pass
public
mit
39 KB
react-bootstrap /
dropdown
v1.0.0
Determines the direction and location of the Menu in relatio...
Build: Pass
public
mit
20 KB
material-ui /
menu
v3.9.2
Menus display a list of choices on temporary surfaces.
Build: Pass
public
mit
34 KB
semantic-ui-react /
menu
v0.86.0
onClick handler for MenuItem.
Build: Pass
public
mit
74 KB
primereact /
megamenu
v3.1.8
MegaMenu is navigation component that displays submenus toge...
Build: Pass
public
mit
8 KB
primereact /
tabmenu
v3.1.8
Menu is a navigation/command component that displays items a...
Build: Pass
public
mit
5 KB

PICK US NOW

React Loaders

Loaders turn waiting for data into an awesome user experience, eliminating white screens and telling users that data is on its way. Choose an awesome loader animation component for your React app.
semantic-ui-react /
loader
v0.86.0
A loader alerts a user to wait for an activity to complete.
Build: Pass
public
mit
71 KB
react-spinners /
bar-loader
v0.5.1
simple line bar loader which changes his speed while running
Build: Pass
public
mit
9 KB
react-spinners /
rise-loader
v0.5.1
rising and falling five dots loader
Build: Pass
public
mit
8 KB
jo
Build: Pass
public
mit
2 KB
react-spinners /
skew-loader
v0.5.1
rotating triangle loader
Build: Pass
public
mit
8 KB
react-spinners /
clip-loader
v0.5.1
clipped pulsing spinner
Build: Pass
public
mit
8 KB
react-spinners /
fade-loader
v0.5.1
circled loader with fading lines
Build: Pass
public
mit
9 KB
react-spinners /
pulse-loader
v0.5.1
three pulsing dots loader
Build: Pass
public
mit
8 KB
jo
Build: Pass
public
mit
2 KB
jo
Build: Pass
public
mit
2 KB
jo
Build: Pass
public
mit
2 KB
jo
Build: Pass
public
mit
2 KB
react-spinners /
grid-loader
v0.5.1
flickering nine dots grid loader
Build: Pass
public
mit
9 KB
jo
Build: Pass
public
mit
2 KB
react-spinners /
hash-loader
v0.5.1
circling four dots which turns into hash sign loader
Build: Pass
public
mit
9 KB
jo
Build: Pass
public
mit
2 KB
react-spinners /
dot-loader
v0.5.1
two chasing dots loader
Build: Pass
public
mit
8 KB
react-spinners /
propagate-loader
v0.5.1
one dot splits into six dots loader
Build: Pass
public
mit
9 KB
jo
Build: Pass
public
mit
2 KB
jo
Build: Pass
public
mit
2 KB
chevron_leftLeft
More Examples
Rightchevron_right
semantic-ui-react /
loader
v0.86.0
A loader alerts a user to wait for an activity to complete.
Build: Pass
public
mit
71 KB
react-spinners /
bar-loader
v0.5.1
simple line bar loader which changes his speed while running
Build: Pass
public
mit
9 KB
react-spinners /
rise-loader
v0.5.1
rising and falling five dots loader
Build: Pass
public
mit
8 KB
jo
Build: Pass
public
mit
2 KB