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.

3813components14784storiesLast updated 7 months ago
Tweet
Add your component

Accordion

View all (28)
Accordion
@gilbarbara
13
Accordion
D2iQ
9
Accordion
Phork
7
Accordion
Supabase
6

Alert

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

Autocomplete

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

Avatar

View all (49)
AvatarStatusBubble
Phork
21
ColoredAvatar
Phork
16
Avatar
Natura Cosmeticos
12
Avatar
Scaleway
8
Avatar
@gilbarbara
8

Badge

View all (44)
ColoredBadge
Phork
16
Badge
kiwicom
16
Badge
Natura Cosmeticos
14
Badge
Shopify
13

Banner

View all (23)
Banner
Shopify
15
Banner
Phork
10
Banner
AnyVision
5
PromoBanner
D2iQ
5
banner
GitLab
5

Breadcrumb

View all (25)
Breadcrumbs
Natura Cosmeticos
6
Breadcrumbs
Talend
5
Breadcrumbs
Scaleway
5
Breadcrumbs
SpaceONE
5

Button

View all (206)
ButtonGroup
Phork
35
IconButton
Phork
31
IconTextButton
Phork
29
Button
Phork
26
Button
Shopify
24

Calendar

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

Card

View all (57)
Card
Shopify
22
LegacyCard
Shopify
18
Image Card
JSTOR
15
StatisticsItemCard
Spaziodati
15
Circular Progress Indicator
Natura Cosmeticos
13

Carousel

View all (12)
useFocusZone
GitHub
8
SLDSCarousel
Salesforce
7
useResponsiveScreenSize
The Washington Post
6

Chart

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

Chat

View all (9)
ChatIcon
AppNexus
1
ChatMessage
Agora
1
ChatMessageList
Agora
1
ChatMessages
Agora
1
ChatPanel
Agora
1

Checkbox

View all (67)
Checkbox
Phork
16
SLDSCheckbox
Salesforce
15
CheckboxGroup
GSoft
14
Checkbox Field
Culture Amp
13
Checkbox
Trendyol
13

Chip

View all (15)
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 (41)
bpk-component-fieldset
Skyscanner
13
bpk-component-datepicker
Skyscanner
12
Placeholder
Scaleway
8
VerificationCode
Scaleway
8
CloudStorageUploadItem
Agora
7

Collapse

View all (20)
Grid col
GOV.UK
9
Collapse
@gilbarbara
8
Collapse
kiwicom
7
Collapsible List
SpaceONE
7
CollapsiblePanel
Talend
6

Color picker

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

Combobox

View all (13)
SLDSCombobox
Salesforce
55
ComboBox
Bentley Systems
10
Combobox
Shopify
7
Combobox
JSTOR
6
Combobox
Narmi
5

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

Date picker

View all (18)
Date Picker
Xola
13
Date Picker
JetBrains
12
Datetime Picker
SpaceONE
11
DatePicker
Spaziodati
7
DatePicker
Shopify
6

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 (35)
Dialog
GSoft
31
Dialog
SmartHR
14
Dialog
Trendyol
10
Dialog
AppNexus
9

Disclosure

Disclosure
GSoft
5
DisclosureArrow
GSoft
4
Disclosure
LaunchDarkly
2
lots
Shopify
1

Divider

View all (20)
TimelineDividerItem
Phork
14
Divider
GSoft
8
Divider
Natura Cosmeticos
7
Divider
Supabase
6
VideoThumbnail
Shopify
4

Drawer

View all (18)
Drawer
Talend
13
Drag
Reaviz
8
Drawer
kiwicom
8
ModalDrawer
Actyx
6
Drawer
Trendyol
6

Expandable

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

Flex

View all (13)
Flex
GSoft
6
Flex
D2iQ
6
FlexItem
D2iQ
6
flex inline
GSoft
4
FlexBox
Scaleway
3

Footer

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

Form

View all (37)
Form
Spaziodati
12
Form
GSoft
7
Form
Talend
7
Form structure
D2iQ
7
ErrorForms Kitchensink
kiwicom
6

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 (37)
HeaderBar
Talend
16
SubHeader
Talend
15
SLDSPageHeader
Salesforce
9
SLDSBuilderHeader
Salesforce
8
Header
Storybook
6

Heading

View all (24)
Heading
Culture Amp
14
Heading
kiwicom
12
Heading
GSoft
8
Headings
@gilbarbara
7
Heading
GOV.UK
4

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 (174)
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
ImageInput
SumUp
7
Lazy Image
SpaceONE
5

Input

View all (123)
Input
Trendyol
28
DRP - Input Props
AirBnb
18
InputField
kiwicom
18
Deprecated InputField
kiwicom
18
InputGroup
GSoft
17

Label

View all (30)
Label
Phork
9
LabelWrapper
Phork
7
chart-series-label
GitLab
7
bpk-component-label
Skyscanner
6
Label
GSoft
4

Layout

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

Link

View all (56)
Link
Natura Cosmeticos
10
Link
Talend
8
TextLink
kiwicom
8
Link
Storybook
7
bpk-component-link
Skyscanner
7

List

View all (101)
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 (52)
Modal
Scaleway
17
Modal
Shopify
16
SLDSModal
Salesforce
13
Modal
D2iQ
13
Modal
Supabase
12

Nav

View all (29)
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
4
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 (37)
Pagination
Phork
20
Pagination
GOV.UK
10
Pagination
D2iQ
10
Pagination
Scaleway
7
bpk-component-pagination
Skyscanner
6

Pill

View all (7)
bpk-component-infinite-scroll
Skyscanner
10
Pill
Workday
5
SLDSPill
Salesforce
3
FilterPill
Grafana
2
AirportIllustration
kiwicom
2

Popover

View all (25)
Popover
Trendyol
24
SLDSPopover
Salesforce
22
Popover
Natura Cosmeticos
15
Popover
kiwicom
14
bpk-component-popover
Skyscanner
11

Progress

View all (50)
LinearProgress
Actyx
31
Progress
Phork
18
GaugeProgress
Actyx
10
ProgressCircle
@gilbarbara
8

Radio

View all (44)
Radio
Phork
15
Radio Field
Culture Amp
10
Radio
GOV.UK
9
Radio
kiwicom
8
bpk-component-radio
Skyscanner
7

Rating

View all (8)
bpk-component-star-rating
Skyscanner
11
EditableString
Spaziodati
11
bpk-component-rating
Skyscanner
6
SLDSPortalSettings
Salesforce
2
RatingStars
kiwicom
2

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 (60)
Select
Trendyol
35
Select
JetBrains
32
RichSelect
Scaleway
18
Select
Phork
16
SelectDropdown
Spaziodati
13

Separator

View all (18)
bar
Shopify
6
bar
Shopify
6
bar
Shopify
6
bar
Shopify
6
Separator
Scaleway
5

Slider

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

Spinner

View all (22)
SLDSSpinner
Salesforce
19
Inline
GSoft
12
Spinner
Storybook
8
Inline
LaunchDarkly
6
Spinner
Trendyol
6

Stack

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

Switch

View all (21)
Switch
Trendyol
7
Switch
The Washington Post
7
ToggleSwitch
Bentley Systems
6
Switch
kiwicom
4
Twitch
MDX Embed4

Table

View all (65)
IndexTable
Shopify
49
Table
Bentley Systems
28
SLDSDataTable
Salesforce
17
DataTable
AppNexus
15
Table
D2iQ
14

Tabs

View all (35)
SLDSTabs
Salesforce
11
Tabs
Supabase
9
Tabs
GOV.UK
8
tabs
GitLab
8
Tabs
Shopify
7

Tag

View all (42)
ColoredTag
Phork
16
Tag
Phork
15
Tags
iq
10
Tag
Shopify
8
TagGroup
Phork
8

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
@gilbarbara
11
GroupField
GSoft
5
FieldGroup
D2iQ
2

Textarea

View all (44)
TextField
Shopify
29
Textarea
Trendyol
24
Textarea
Phork
15
TextArea
Actyx
13
Text Area
Microsoft
12

Title

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

Toast

View all (24)
Toast
Shopify
9
TitledToast
Phork
9
Toast
Phork
9
SLDSToast
Salesforce
9
Toast
Spaziodati
9

Toggle

View all (19)
Toggle
@gilbarbara
11
Toggle
Phork
7
Toggle
Supabase
5
SettingToggle
Shopify
3
Toggle
Narmi
3

Tooltip

View all (47)
Tooltip
Shopify
15
Tooltip
Trendyol
15
Tooltip
iq
9
WithTooltip
Storybook
8
Tooltip
kiwicom
8

Typography

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