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.

4169components16760storiesLast updated yesterday
Tweet
Add your component

Accordion

View all (29)
Accordion
Microsoft13
Accordion
D2iQ9
bpk-component-accordion
Skyscanner9
Accordion
Phork6
Accordion
Supabase6

Alert

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

Autocomplete

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

Avatar

View all (52)
AvatarStatusBubble
Phork21
ColoredAvatar
Phork16
Avatar
Twilio15
Avatar
Microsoft14
Avatar
Natura Cosmeticos12

Badge

View all (47)
Badge
Twilio20
ColoredBadge
Phork16
Badge
kiwicom16
Badge
Natura Cosmeticos14
Badge
PetSmart14

Banner

View all (26)
Banner
Shopify15
Banner
Phork10
PromoBanner
PetSmart9
Banner
AnyVision5
PromoBanner
D2iQ5

Breadcrumb

View all (27)
FilterResourcesByBreadcrumb
Passbolt9
Breadcrumbs
Natura Cosmeticos6
Breadcrumbs
Talend5
Breadcrumb
Twilio5
Breadcrumbs
Scaleway5

Button

View all (223)
ButtonGroup
Phork35
Button
PetSmart31
IconButton
Phork29
IconTextButton
Phork27
Button
Shopify24

Calendar

View all (18)
DRP - Calendar Props
AirBnb33
SDP - Calendar Props
AirBnb28
bpk-component-calendar
Skyscanner20
bpk-component-scrollable-calendar
Skyscanner19
Dark
Capgemini16

Card

View all (65)
Product Card
PetSmart23
Card
Shopify22
Token Card
Twilio22
LegacyCard
Shopify18
StatisticsItemCard
Spaziodati15

Carousel

View all (16)
useFocusZone
GitHub8
SLDSCarousel
Salesforce7
useFocusFinders
Microsoft6
HorizontalOverflowCarousel
PetSmart4
useFocusableGroup
Microsoft3

Chart

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

Chat

View all (10)
ChatLog
Twilio15
ChatIcon
AppNexus1
ChatMessage
Agora1
ChatMessageList
Agora1
ChatMessages
Agora1

Checkbox

View all (71)
Checkbox
Twilio29
Checkbox
Phork16
SLDSCheckbox
Salesforce15
CheckboxGroup
GSoft14
Checkbox Field
Culture Amp13

Chip

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

Code

View all (44)
bpk-component-fieldset
Skyscanner13
Code Block
Twilio12
bpk-component-datepicker
Skyscanner12
Placeholder
Scaleway8
VerificationCode
Scaleway8

Collapse

View all (22)
Grid col
GOV.UK9
Collapse
kiwicom7
Collapsible List
SpaceONE7
CollapsiblePanel
Talend6
VirtualizerScrollViewDynamic
Microsoft5

Color picker

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

Combobox

View all (20)
SLDSCombobox
Salesforce55
Combobox
Twilio30
MultiselectCombobox
Twilio16
Combobox
Microsoft15
ComboBox
Bentley Systems10

Context menu

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

Data grid

DataGrid
Microsoft15
Data Grid
Twilio11
Data Grid
Microsoft4

Date picker

View all (18)
Date Picker
Twilio17
Date Picker
Xola13
DatePicker
Microsoft12
Date Picker
JetBrains12
Datetime Picker
SpaceONE11

Details

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

Dialog

View all (39)
Dialog
GSoft31
Dialog
Microsoft14
Dialog
SmartHR14
Dialog
Actyx10
Dialog
AppNexus9

Disclosure

Disclosure
Twilio20
Disclosure
GSoft5
DisclosureArrow
GSoft4
Disclosure
Twilio3
lots
Shopify1

Divider

View all (21)
TimelineDividerItem
Phork14
Divider
GSoft8
Divider
Natura Cosmeticos7
Divider
Supabase6
Divider
Microsoft6

Drawer

View all (19)
Drawer
Microsoft17
Drawer
Talend13
Drag
Reaviz8
Drawer
kiwicom8
Drawer
PetSmart6

Expandable

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

File picker

File Picker
Twilio7

Flex

View all (14)
Flex
Twilio20
Flex
GSoft6
Flex
D2iQ6
FlexItem
D2iQ6
flex inline
GSoft4

Footer

View all (33)
Footer
GOV.UK10
Tier 1: Definitions
PetSmart8
Dot
GSoft5
Footer
Phork5
Font
Narmi5

Form

View all (40)
Form
Spaziodati12
Form
GSoft7
Form
Talend7
Form Pill Group
Twilio7
Form structure
D2iQ7

Grid

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

Header

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

Heading

View all (26)
Heading
PetSmart14
Heading
Culture Amp14
Heading
Twilio13
Heading
kiwicom12
Heading
GSoft8

Hero

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

Icon

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

Image

View all (32)
bpk-component-image
Skyscanner12
Image
GSoft10
image
GSoft8
Image
Microsoft7
ImageInput
SumUp7

Input

View all (121)
Input
Twilio31
Input
Trendyol28
DRP - Input Props
AirBnb18
InputField
kiwicom18
Deprecated InputField
kiwicom18

Label

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

Layout

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

Link

View all (59)
Link
Natura Cosmeticos10
Link
Talend8
TextLink
kiwicom8
Link
Storybook7
Link
Microsoft7

List

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

Listbox

Listbox
GSoft27
Listbox
Shopify7

Loading

View all (26)
Loading
kiwicom6
Loading box
GOV.UK5
Floating
Capgemini5
InlineLoading
WFP3
Loading
WFP3

Menu

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

Modal

View all (56)
Modal
Twilio22
Modal
Scaleway17
Modal
Shopify16
SLDSModal
Salesforce13
Modal
D2iQ13

Nav

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

Notification

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

Page

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

Pagination

View all (38)
Pagination
Phork20
Pagination
Twilio12
Pagination
GOV.UK10
Pagination
D2iQ10
Pagination
Scaleway7

Pill

View all (8)
bpk-component-infinite-scroll
Skyscanner10
Pill
Workday5
SLDSPill
Salesforce3
Display Pill Group
Twilio2
FilterPill
Grafana2

Popover

View all (29)
Popover
Trendyol24
SLDSPopover
Salesforce22
Popover
Natura Cosmeticos15
Popover
kiwicom14
Popover
Twilio13

Progress

View all (51)
LinearProgress
Actyx31
Progress
Phork18
GaugeProgress
Actyx10
LinearProgressSimple
Actyx8
SLDSProgressRing
Salesforce7

Radio

View all (47)
Radio
Phork15
Radio
Twilio15
RadioField
PetSmart12
Radio Field
Culture Amp10
Radio
GOV.UK9

Rating

View all (9)
bpk-component-star-rating
Skyscanner11
EditableString
Spaziodati11
bpk-component-rating
Skyscanner6
StarRating
PetSmart4
SLDSPortalSettings
Salesforce2

Search

View all (27)
Search Dropdown
SpaceONE12
NavbarOverlaySearch
Spaziodati10
SearchBox
Microsoft7
Query Search
SpaceONE7
Search
Carbon Design System5

Select

View all (66)
Select
Trendyol33
Select
JetBrains32
Single Select
Reaviz23
Select
Twilio19
RichSelect
Scaleway18

Separator

View all (23)
MessageBar
Microsoft8
Topbar & Sidebar
Microsoft7
bar
Shopify6
bar
Shopify6
bar
Shopify6

Slider

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

Spinner

View all (25)
SLDSSpinner
Salesforce19
Inline
GSoft12
Inline contol group
Twilio12
Spinner
Storybook8
Inline
LaunchDarkly6

Stack

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

Switch

View all (21)
Switch
Twilio21
Switch
Trendyol7
Switch
Microsoft6
ToggleSwitch
Bentley Systems6
Switch
kiwicom4

Table

View all (72)
IndexTable
Shopify48
Table
Bentley Systems28
Table
Microsoft23
Table
Twilio17
SLDSDataTable
Salesforce17

Tabs

View all (37)
Tabs
Twilio13
SLDSTabs
Salesforce11
Tabs
Supabase9
Tabs
GOV.UK8
tabs
GitLab8

Tag

View all (46)
ColoredTag
Phork16
Tag
Phork14
InteractionTag
Microsoft10
Tags
iq10
Tag
Microsoft9

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
Field
Microsoft10
GroupField
GSoft5

Textarea

View all (53)
TextField
Shopify29
Textarea
Trendyol24
TextField
PetSmart19
Textarea
Twilio18
Textarea
Phork15

Title

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

Toast

View all (27)
Toast
Microsoft20
Toast
Shopify9
TitledToast
Phork9
Toast
Phork9
SLDSToast
Salesforce9

Toggle

View all (20)
Toggle
Phork7
Toggle
@gilbarbara6
Toggle
Supabase5
SettingToggle
Shopify3
Toggle
Narmi3

Tooltip

View all (50)
Tooltip
Shopify15
Tooltip
Trendyol14
Tooltip
Microsoft11
Tooltip
Twilio9
Tooltip
iq9

Typography

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