Back to overview
Add your project

React components

React is the most popular frontend library for developing component-driven user interfaces. It’s used for developing single page, mobile, and server-rendered applications.

4005components16096storiesLast updated 2 months ago
Tweet
Add your component

Accordion

View all (30)
Accordion
Microsoft
12
bpk-component-accordion
Skyscanner
9
Accordion
Phork
6
Accordion
Supabase
6

Alert

View all (36)
bpk-component-banner-alert
Skyscanner
17
Alert
Trendyol
14
va-alert
US Department of Veteran's Affairs13
Alert
kiwicom
11

Autocomplete

View all (18)
Autocomplete
GSoft
19
Autocomplete
GitHub
10
compact presets
GSoft
8
compact presets
GSoft
8

Avatar

View all (53)
AvatarStatusBubble
Phork
21
ColoredAvatar
Phork
16
Avatar
Microsoft
14
Avatar
Natura Cosmeticos
12

Badge

View all (46)
Badge
Twilio
20
ColoredBadge
Phork
16
Badge
kiwicom
16
Badge
Natura Cosmeticos
14
Badge
Shopify
13

Banner

View all (24)
Banner
Shopify
15
Banner
Phork
10
Banner
AnyVision
5
PromoBanner
D2iQ
5
Banner
LaunchDarkly
5

Breadcrumb

View all (26)
Breadcrumbs
Natura Cosmeticos
6
Breadcrumbs
Talend
5
Breadcrumb
Twilio
5
Breadcrumbs
Scaleway
5

Button

View all (222)
ButtonGroup
Phork
35
IconButton
Phork
29
IconTextButton
Phork
27
Button
Shopify
24
Button
Phork
24

Calendar

View all (18)
DRP - Calendar Props
AirBnb
33
SDP - Calendar Props
AirBnb
28
bpk-component-calendar
Skyscanner
20
bpk-component-scrollable-calendar
Skyscanner
19
Calendar
Microsoft
13

Card

View all (63)
Card
Shopify
22
Token Card
Twilio
22
LegacyCard
Shopify
18
StatisticsItemCard
Spaziodati
15
Image Card
JSTOR
14

Carousel

View all (17)
useFocusZone
GitHub
8
SLDSCarousel
Salesforce
7
useFocusFinders
Microsoft
6
useResponsiveScreenSize
The Washington Post
6
useFocusableGroup
Microsoft
3

Chart

View all (22)
PieChart
Spaziodati
15
bpk-component-barchart
Skyscanner
11
GeoChart
Talend
9
Charts
Wix
8

Chat

View all (10)
ChatLog
Twilio
15
ChatIcon
AppNexus
1
ChatMessage
Agora
1
ChatMessageList
Agora
1
ChatMessages
Agora
1

Checkbox

View all (69)
Checkbox
Twilio
29
Checkbox
Phork
16
SLDSCheckbox
Salesforce
15
CheckboxGroup
GSoft
14
Checkbox Field
Culture Amp
13

Chip

View all (14)
Chip
Natura Cosmeticos
16
ChipsInput
AnyVision
9
bpk-component-graphic-promotion
Skyscanner
8
bpk-component-phone-input
Skyscanner
8
Chip
Phork
7

Code

View all (44)
bpk-component-fieldset
Skyscanner
13
Code Block
Twilio
12
bpk-component-datepicker
Skyscanner
12
Placeholder
Scaleway
8
VerificationCode
Scaleway
8

Collapse

View all (22)
Grid col
GOV.UK
9
Collapse
kiwicom
7
Collapsible List
SpaceONE
7
CollapsiblePanel
Talend
6
VirtualizerScrollViewDynamic
Microsoft
5

Color picker

View all (9)
Colors
Phork
14
Color
Narmi
5
ColorPicker
Shopify
4
Color
LaunchDarkly
2

Combobox

View all (20)
SLDSCombobox
Salesforce
55
Combobox
Twilio
30
MultiselectCombobox
Twilio
16
Combobox
Microsoft
16
ComboBox
Bentley Systems
10

Context menu

View all (6)
Context Menu
SpaceONE
14
EllipsableContent
Spaziodati
8
Context Menu Item
SpaceONE
6
count
GSoft
4
Count
Reaviz
2

Data grid

DataGrid
Microsoft
15
Data Grid
Twilio
11

Date picker

View all (20)
Date Picker
Twilio
17
Date Picker
Xola
13
DatePicker
Microsoft
12
Date Picker
JetBrains
12
Datetime Picker
SpaceONE
11

Details

View all (6)
Expansion Panel Details
Natura Cosmeticos
4
Details
GOV.UK
3
DetailPageMenuUI
Spaziodati
3
Item Detail
JSTOR
1
Email
Talend
1

Dialog

View all (39)
Dialog
GSoft
31
Dialog
Microsoft
14
Dialog
SmartHR
14
Dialog
AppNexus
9

Disclosure

Disclosure
Twilio
20
Disclosure
GSoft
5
DisclosureArrow
GSoft
4
Disclosure
Twilio
3
lots
Shopify
1

Divider

View all (21)
TimelineDividerItem
Phork
14
Divider
GSoft
8
Divider
Natura Cosmeticos
7
Divider
Supabase
6
Divider
Microsoft
6

Drawer

View all (19)
Drawer
Microsoft
17
Drawer
Talend
13
Drag
Reaviz
8
Drawer
kiwicom
8
ModalDrawer
Actyx
6

Expandable

View all (9)
expanded presets
GSoft
8
expanded presets
GSoft
8
AddableItems
Spaziodati
6
ExpandableBlock
Bentley Systems
6
SLDSExpandableSection
Salesforce
3

File picker

File Picker
Twilio
7

Flex

View all (14)
Flex
Twilio
20
Flex
GSoft
6
Flex
D2iQ
6
FlexItem
D2iQ
6
flex inline
GSoft
4

Footer

View all (29)
Footer
GOV.UK
10
Dot
GSoft
5
Footer
Phork
5
Font
Narmi
5
Font
Narmi
5

Form

View all (39)
Form
Spaziodati
12
Form
GSoft
7
Form
Talend
7
Form Pill Group
Twilio
7
Form structure
D2iQ
7

Grid

View all (17)
Grid
Carbon Design System
10
Linear Progress Indicator
Natura Cosmeticos
9
SLDSProgressIndicator
Salesforce
9
Progress Wizard
SpaceONE
6
Grid
Melishev
5

Header

View all (39)
HeaderBar
Talend
16
SubHeader
Talend
15
SLDSPageHeader
Salesforce
9
SLDSBuilderHeader
Salesforce
8
Header
Storybook
6

Heading

View all (25)
Heading
Culture Amp
14
Heading
Twilio
13
Heading
kiwicom
12
Heading
GSoft
8
Headings
@gilbarbara
7

Hero

View all (13)
Hero
WFP
11
Switch (selection control)
Natura Cosmeticos
7
Hero
kickstartDS
6
ThemeProvider
kiwicom
3
Input State Help Text Provider
Natura Cosmeticos
1

Icon

View all (178)
Icons
GSoft
48
DayPickerRangeController
AirBnb
37
SLDSIcon
Salesforce
22
DayPickerSingleDateController
AirBnb
21
IconStatusBubble
Phork
18

Image

View all (30)
bpk-component-image
Skyscanner
12
Image
GSoft
10
image
GSoft
8
Image
Microsoft
7

Input

View all (126)
Input
Twilio
32
Input
Trendyol
28
DRP - Input Props
AirBnb
18
InputField
kiwicom
18
Deprecated InputField
kiwicom
18

Label

View all (33)
Label
Phork
9
LabelWrapper
Phork
7
chart-series-label
GitLab
7
bpk-component-label
Skyscanner
6
Label
Twilio
5

Layout

View all (29)
AppLayout
Talend
14
RichLayout
Talend
9
PageLayout
GitHub
7
Layout
Shopify
7
Layout
Wix
6

Link

View all (57)
Link
Natura Cosmeticos
10
Link
Talend
8
TextLink
kiwicom
8
Link
Storybook
7
Link
Microsoft
7

List

View all (107)
List
Talend
31
ResourceList
Shopify
19
VirtualizedList
Talend
17
List
Phork
15
List
Scaleway
15

Listbox

Listbox
GSoft
27
Listbox
Shopify
7

Loading

View all (24)
Loading
kiwicom
6
Loading box
GOV.UK
5
InlineLoading
WFP
3
Loading
WFP
3
va-loading-indicator
US Department of Veteran's Affairs3

Menu

View all (21)
SLDSMenuDropdown
Salesforce
21
DropMenu
AppNexus
9
bpk-component-autosuggest
Skyscanner
8
Menu
AnyVision
7
Menu
Scaleway
6

Modal

View all (55)
Modal
Twilio
22
Modal
Scaleway
17
Modal
Shopify
16
SLDSModal
Salesforce
13
Modal
D2iQ
13

Nav

View all (28)
bpk-component-horizontal-nav
Skyscanner
11
Top nav
GOV.UK
9
NavigationStepper
Scaleway
5
Navigation
Wix
4
StepNavigation
WFP
4

Notification

View all (10)
Notification
Trendyol
8
Notification
Phork
7
NotificationInline
SumUp
4
NotificationToast
SumUp
3
NotificationFullscreen
SumUp
2

Page

View all (30)
Page
Shopify
19
ErrorPage
Bentley Systems
12
Pages
kickstartDS
8
Pager
JetBrains
8
Page Title
SpaceONE
6

Pagination

View all (38)
Pagination
Phork
20
Pagination
Twilio
12
Pagination
GOV.UK
10
Pagination
D2iQ
10
Pagination
Scaleway
7

Pill

View all (8)
bpk-component-infinite-scroll
Skyscanner
10
Pill
Workday
5
SLDSPill
Salesforce
3
Display Pill Group
Twilio
2
FilterPill
Grafana
2

Popover

View all (29)
Popover
Trendyol
24
SLDSPopover
Salesforce
22
Popover
Natura Cosmeticos
15
Popover
kiwicom
14
Popover
Twilio
13

Progress

View all (50)
LinearProgress
Actyx
31
Progress
Phork
18
GaugeProgress
Actyx
10
LinearProgressSimple
Actyx
8
SLDSProgressRing
Salesforce
7

Radio

View all (46)
Radio
Phork
15
Radio
Twilio
15
Radio Field
Culture Amp
10
Radio
GOV.UK
9
RadioGroup
Microsoft
9

Rating

View all (10)
bpk-component-star-rating
Skyscanner
11
EditableString
Spaziodati
11
RatingDisplay
Microsoft
8
Rating
Microsoft
7
bpk-component-rating
Skyscanner
6

Search

View all (26)
Search Dropdown
SpaceONE
12
NavbarOverlaySearch
Spaziodati
10
Query Search
SpaceONE
7
Search
Carbon Design System
5
Search
SpaceONE
5

Select

View all (63)
Select
Trendyol
35
Select
JetBrains
32
Select
Twilio
19
RichSelect
Scaleway
18
Select
Phork
16

Separator

View all (22)
MessageBar
Microsoft
8
bar
Shopify
6
bar
Shopify
6
bar
Shopify
6
bar
Shopify
6

Slider

View all (24)
IndexFilters
Shopify
13
Slider
Phork
12
Slider
kiwicom
12
RangeSlider
AnyVision
9
SLDSSlider
Salesforce
9

Spinner

View all (25)
SLDSSpinner
Salesforce
19
Inline
GSoft
12
Inline contol group
Twilio
12
Spinner
Storybook
8
Inline
LaunchDarkly
6

Stack

View all (16)
InlineStack
Shopify
18
BlockStack
Shopify
12
Stack
kiwicom
11
stacked-column-chart
GitLab
8
LegacyStack
Shopify
7

Switch

View all (22)
Switch
Twilio
21
Switch
Trendyol
7
Switch
The Washington Post
7
Switch
Microsoft
6
ToggleSwitch
Bentley Systems
6

Table

View all (69)
IndexTable
Shopify
49
Table
Bentley Systems
28
Table
Microsoft
23
Table
Twilio
17
SLDSDataTable
Salesforce
17

Tabs

View all (36)
Tabs
Twilio
13
SLDSTabs
Salesforce
11
Tabs
Supabase
9
Tabs
GOV.UK
8
tabs
GitLab
8

Tag

View all (46)
ColoredTag
Phork
16
Tag
Phork
14
InteractionTag
Microsoft
10
Tags
iq
10
Tag
Microsoft
9

Text

View all (41)
Typography (text)
Natura Cosmeticos
20
TextField
AnyVision
17
TextBox
Scaleway
17
Text Field
Natura Cosmeticos
15
Text
WFP
8

Text field

View all (11)
Field
GSoft
19
FieldMessage
GSoft
12
Field
Microsoft
10
GroupField
GSoft
5

Textarea

View all (49)
TextField
Shopify
29
Textarea
Trendyol
24
Textarea
Twilio
18
Textarea
Phork
15
TextArea
Actyx
13

Title

View all (11)
Title Block
Culture Amp
13
Title
Spaziodati
9
Tile
Bentley Systems
6
TwitterTimeline
MDX Embed4
TitleBar
React95
3

Toast

View all (28)
Toast
Microsoft
20
Toast
Shopify
9
TitledToast
Phork
9
Toast
Phork
9
SLDSToast
Salesforce
9

Toggle

View all (20)
Toggle
@gilbarbara
8
Toggle
Phork
7
Toggle
Supabase
5
SettingToggle
Shopify
3
Toggle
Narmi
3

Tooltip

View all (50)
Tooltip
Shopify
15
Tooltip
Trendyol
15
Tooltip
Microsoft
11
Tooltip
Twilio
9
Tooltip
iq
9

Typography

View all (17)
Typography
Actyx
14
Typography
JSTOR
12
Typography
Scaleway
6
Paragraph
GOV.UK
4
Paragraph
GSoft
4