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
@gilbarbara13
Accordion
D2iQ9
bpk-component-accordion
Skyscanner9
Accordion
Phork7
Accordion
Supabase6

Alert

View all (34)
bpk-component-banner-alert
Skyscanner17
Alert
Trendyol14
va-alert
US Department of Veteran's Affairs13
Alert
kiwicom11
Alert
Supabase9

Autocomplete

View all (19)
Autocomplete
GSoft19
Autocomplete
GitHub10
Autocomplete
Shopify9
compact presets
GSoft8
compact presets
GSoft8

Avatar

View all (49)
AvatarStatusBubble
Phork21
ColoredAvatar
Phork16
Avatar
Natura Cosmeticos12
Avatar
Scaleway8
Avatar
@gilbarbara8

Badge

View all (44)
ColoredBadge
Phork16
Badge
kiwicom16
BadgeIcon
LaunchDarkly15
Badge
Natura Cosmeticos14
Badge
Shopify13

Banner

View all (23)
Banner
Shopify15
Banner
Phork10
Banner
AnyVision5
PromoBanner
D2iQ5
banner
GitLab5

Breadcrumb

View all (25)
FilterResourcesByBreadcrumb
Passbolt9
Breadcrumbs
Natura Cosmeticos6
Breadcrumbs
Talend5
Breadcrumbs
Scaleway5
Breadcrumbs
SpaceONE5

Button

View all (206)
ButtonGroup
Phork35
IconButton
Phork31
IconTextButton
Phork29
Button
Phork26
Button
Shopify24

Calendar

View all (16)
DRP - Calendar Props
AirBnb33
SDP - Calendar Props
AirBnb28
bpk-component-calendar
Skyscanner20
bpk-component-scrollable-calendar
Skyscanner19
Linear
Reaviz8

Card

View all (57)
Card
Shopify22
LegacyCard
Shopify18
Image Card
JSTOR15
StatisticsItemCard
Spaziodati15
Circular Progress Indicator
Natura Cosmeticos13

Carousel

View all (12)
useFocusZone
GitHub8
SLDSCarousel
Salesforce7
useResponsiveScreenSize
The Washington Post6
Carousel
Bentley Systems3
Carousel
SumUp2

Chart

View all (22)
PieChart
Spaziodati15
bpk-component-barchart
Skyscanner11
GeoChart
Talend9
Charts
Wix8
Bubble Chart
Reaviz7

Chat

View all (9)
ChatIcon
AppNexus1
ChatMessage
Agora1
ChatMessageList
Agora1
ChatMessages
Agora1
ChatPanel
Agora1

Checkbox

View all (67)
Checkbox
Phork16
SLDSCheckbox
Salesforce15
CheckboxGroup
GSoft14
Checkbox Field
Culture Amp13
Checkbox
Trendyol13

Chip

View all (15)
Chip
Natura Cosmeticos16
ChipsInput
AnyVision9
bpk-component-graphic-promotion
Skyscanner8
bpk-component-phone-input
Skyscanner8
Chip
Phork7

Code

View all (41)
bpk-component-fieldset
Skyscanner13
bpk-component-datepicker
Skyscanner12
Placeholder
Scaleway8
VerificationCode
Scaleway8
CloudStorageUploadItem
Agora7

Collapse

View all (20)
Grid col
GOV.UK9
Collapse
@gilbarbara8
Collapse
kiwicom7
Collapsible List
SpaceONE7
CollapsiblePanel
Talend6

Color picker

View all (9)
Colors
Phork14
Color
Narmi5
ColorPicker
Shopify4
ColorPicker
Bentley Systems3
Color
LaunchDarkly2

Combobox

View all (13)
SLDSCombobox
Salesforce55
ComboBox
Bentley Systems10
Combobox
Shopify7
Combobox
JSTOR6
Combobox
Narmi5

Context menu

View all (6)
Context Menu
SpaceONE14
EllipsableContent
Spaziodati8
Context Menu Item
SpaceONE6
count
GSoft4
Count
Reaviz2

Data grid

Data Grid
Microsoft4

Date picker

View all (18)
Date Picker
Xola13
Date Picker
JetBrains12
Datetime Picker
SpaceONE11
DatePicker
Spaziodati7
DatePicker
Shopify6

Details

View all (6)
Expansion Panel Details
Natura Cosmeticos4
Details
GOV.UK3
DetailPageMenuUI
Spaziodati3
Item Detail
JSTOR1
Email
Talend1

Dialog

View all (35)
Dialog
GSoft31
Dialog
SmartHR14
Dialog
Actyx10
Dialog
Trendyol10
Dialog
AppNexus9

Disclosure

Disclosure
GSoft5
DisclosureArrow
GSoft4
Disclosure
LaunchDarkly2
lots
Shopify1

Divider

View all (20)
TimelineDividerItem
Phork14
Divider
GSoft8
Divider
Natura Cosmeticos7
Divider
Supabase6
VideoThumbnail
Shopify4

Drawer

View all (18)
Drawer
Talend13
Drag
Reaviz8
Drawer
kiwicom8
ModalDrawer
Actyx6
Drawer
Trendyol6

Expandable

View all (9)
expanded presets
GSoft8
expanded presets
GSoft8
AddableItems
Spaziodati6
ExpandableBlock
Bentley Systems6
SLDSExpandableSection
Salesforce3

Flex

View all (13)
Flex
GSoft6
Flex
D2iQ6
FlexItem
D2iQ6
flex inline
GSoft4
FlexBox
Scaleway3

Footer

View all (28)
Footer
GOV.UK10
Footer
Phork6
Dot
GSoft5
Font
Narmi5
Font
Narmi5

Form

View all (37)
Form
Spaziodati12
Form
GSoft7
Form
Talend7
Form structure
D2iQ7
ErrorForms Kitchensink
kiwicom6

Grid

View all (17)
Grid
Carbon Design System10
Linear Progress Indicator
Natura Cosmeticos9
SLDSProgressIndicator
Salesforce9
Progress Wizard
SpaceONE6
Grid
Melishev5

Header

View all (37)
HeaderBar
Talend16
SubHeader
Talend15
SLDSPageHeader
Salesforce9
SLDSBuilderHeader
Salesforce8
Header
Storybook6

Heading

View all (24)
Heading
Culture Amp14
Heading
kiwicom12
Heading
GSoft8
Headings
@gilbarbara7
Heading
GOV.UK4

Hero

View all (13)
Hero
WFP11
Switch (selection control)
Natura Cosmeticos7
Hero
kickstartDS6
ThemeProvider
kiwicom3
Input State Help Text Provider
Natura Cosmeticos1

Icon

View all (174)
Icons
GSoft48
DayPickerRangeController
AirBnb37
SLDSIcon
Salesforce22
DayPickerSingleDateController
AirBnb21
IconStatusBubble
Phork18

Image

View all (30)
bpk-component-image
Skyscanner12
Image
GSoft10
image
GSoft8
ImageInput
SumUp7
Lazy Image
SpaceONE5

Input

View all (123)
Input
Trendyol28
DRP - Input Props
AirBnb18
InputField
kiwicom18
Deprecated InputField
kiwicom18
InputGroup
GSoft17

Label

View all (30)
Label
Phork9
LabelWrapper
Phork7
chart-series-label
GitLab7
bpk-component-label
Skyscanner6
Label
GSoft4

Layout

View all (29)
AppLayout
Talend14
RichLayout
Talend9
PageLayout
GitHub7
Layout
Shopify7
Layout
Wix6

Link

View all (56)
Link
Natura Cosmeticos10
Link
Talend8
TextLink
kiwicom8
Link
Storybook7
bpk-component-link
Skyscanner7

List

View all (101)
List
Talend31
ResourceList
Shopify19
VirtualizedList
Talend17
List
Phork15
List
Scaleway15

Listbox

Listbox
GSoft27
Listbox
Shopify7

Loading

View all (24)
Loading
kiwicom6
Loading box
GOV.UK5
InlineLoading
WFP3
Loading
WFP3
va-loading-indicator
US Department of Veteran's Affairs3

Menu

View all (21)
SLDSMenuDropdown
Salesforce21
DropMenu
AppNexus9
bpk-component-autosuggest
Skyscanner8
Menu
AnyVision7
Menu
Scaleway6

Modal

View all (52)
Modal
Scaleway17
Modal
Shopify16
SLDSModal
Salesforce13
Modal
D2iQ13
Modal
Supabase12

Nav

View all (29)
bpk-component-horizontal-nav
Skyscanner11
Top nav
GOV.UK9
NavigationStepper
Scaleway5
Navigation
Wix4
StepNavigation
WFP4

Notification

View all (10)
Notification
Trendyol8
Notification
Phork7
NotificationInline
SumUp4
NotificationToast
SumUp4
NotificationFullscreen
SumUp2

Page

View all (30)
Page
Shopify19
ErrorPage
Bentley Systems12
Pages
kickstartDS8
Pager
JetBrains8
Page Title
SpaceONE6

Pagination

View all (37)
Pagination
Phork20
Pagination
GOV.UK10
Pagination
D2iQ10
Pagination
Scaleway7
bpk-component-pagination
Skyscanner6

Pill

View all (7)
bpk-component-infinite-scroll
Skyscanner10
Pill
Workday5
SLDSPill
Salesforce3
FilterPill
Grafana2
AirportIllustration
kiwicom2

Popover

View all (25)
Popover
Trendyol24
SLDSPopover
Salesforce22
Popover
Natura Cosmeticos15
Popover
kiwicom14
bpk-component-popover
Skyscanner11

Progress

View all (50)
LinearProgress
Actyx31
Progress
Phork18
GaugeProgress
Actyx10
ProgressBar
@gilbarbara8
ProgressCircle
@gilbarbara8

Radio

View all (44)
Radio
Phork15
Radio Field
Culture Amp10
Radio
GOV.UK9
Radio
kiwicom8
bpk-component-radio
Skyscanner7

Rating

View all (8)
bpk-component-star-rating
Skyscanner11
EditableString
Spaziodati11
bpk-component-rating
Skyscanner6
SLDSPortalSettings
Salesforce2
RatingStars
kiwicom2

Search

View all (26)
Search Dropdown
SpaceONE12
NavbarOverlaySearch
Spaziodati10
Query Search
SpaceONE7
Search
Carbon Design System5
Search
SpaceONE5

Select

View all (60)
Select
Trendyol35
Select
JetBrains32
RichSelect
Scaleway18
Select
Phork16
SelectDropdown
Spaziodati13

Separator

View all (18)
bar
Shopify6
bar
Shopify6
bar
Shopify6
bar
Shopify6
Separator
Scaleway5

Slider

View all (21)
IndexFilters
Shopify13
Slider
Phork12
Slider
kiwicom12
RangeSlider
AnyVision9
SLDSSlider
Salesforce9

Spinner

View all (22)
SLDSSpinner
Salesforce19
Inline
GSoft12
Spinner
Storybook8
Inline
LaunchDarkly6
Spinner
Trendyol6

Stack

View all (14)
InlineStack
Shopify18
BlockStack
Shopify12
Stack
kiwicom11
stacked-column-chart
GitLab8
LegacyStack
Shopify7

Switch

View all (21)
Switch
Trendyol7
Switch
The Washington Post7
ToggleSwitch
Bentley Systems6
Switch
kiwicom4
Twitch
MDX Embed4

Table

View all (65)
IndexTable
Shopify49
Table
Bentley Systems28
SLDSDataTable
Salesforce17
DataTable
AppNexus15
Table
D2iQ14

Tabs

View all (35)
SLDSTabs
Salesforce11
Tabs
Supabase9
Tabs
GOV.UK8
tabs
GitLab8
Tabs
Shopify7

Tag

View all (42)
ColoredTag
Phork16
Tag
Phork15
Tags
iq10
Tag
Shopify8
TagGroup
Phork8

Text

View all (41)
Typography (text)
Natura Cosmeticos20
TextField
AnyVision17
TextBox
Scaleway17
Text Field
Natura Cosmeticos15
Text
WFP8

Text field

View all (11)
Field
GSoft19
FieldMessage
GSoft12
Field
@gilbarbara11
GroupField
GSoft5
FieldGroup
D2iQ2

Textarea

View all (44)
TextField
Shopify29
Textarea
Trendyol24
Textarea
Phork15
TextArea
Actyx13
Text Area
Microsoft12

Title

View all (10)
Title Block
Culture Amp13
Title
Spaziodati9
Tile
Bentley Systems6
TwitterTimeline
MDX Embed4
TitleBar
React953

Toast

View all (24)
Toast
Shopify9
TitledToast
Phork9
Toast
Phork9
SLDSToast
Salesforce9
Toast
Spaziodati9

Toggle

View all (19)
Toggle
@gilbarbara11
Toggle
Phork7
Toggle
Supabase5
SettingToggle
Shopify3
Toggle
Narmi3

Tooltip

View all (47)
Tooltip
Shopify15
Tooltip
Trendyol15
Tooltip
iq9
WithTooltip
Storybook8
Tooltip
kiwicom8

Typography

View all (15)
Typography
Actyx14
Typography
JSTOR12
Typography
Scaleway6
Paragraph
GOV.UK4
Paragraph
GSoft4