New
Automatic visual tests in Storybook, plus 2.2x faster build times for React+TSVisual test with Chromatic
Star80,420
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.

4181components16618storiesLast updated 4 months ago
Tweet
Add your component

Accordion

View all (31)
Accordion
Microsoft13
Accordion
D2iQ9
bpk-component-accordion
Skyscanner9
Accordion
Talend8
Accordion
Phork6

Alert

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

Autocomplete

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

Avatar

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

Badge

View all (48)
Badge
Twilio17
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 (32)
FilterResourcesByBreadcrumb
Passbolt9
Breadcrumbs
Natura Cosmeticos6
Breadcrumb
Twilio5
Breadcrumb
Microsoft5
Breadcrumbs
Scaleway5

Button

View all (228)
ButtonGroup
Phork35
Button
PetSmart31
IconButton
Phork29
IconTextButton
Phork27
Button
Phork24

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 (68)
Product Card
PetSmart23
Token Card
Twilio22
LegacyCard
Shopify18
StatisticsItemCard
Spaziodati15
Image Card
JSTOR14

Carousel

View all (14)
useFocusZone
GitHub8
SLDSCarousel
Salesforce7
useFocusFinders
Microsoft6
useFocusableGroup
Microsoft3
HorizontalOverflowCarousel
PetSmart3

Chart

View all (25)
PieChart
Spaziodati15
BarChart
Shopify13
bpk-component-barchart
Skyscanner11
LineChart
Shopify10
GeoChart
Talend9

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 (17)
Chip
Natura Cosmeticos16
Chip
LaunchDarkly11
ChipsInput
AnyVision9
bpk-component-graphic-promotion
Skyscanner8
bpk-component-phone-input
Skyscanner8

Code

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

Collapse

View all (21)
Grid col
GOV.UK9
Collapse
kiwicom7
Collapsible List
SpaceONE7
Collapsible
AppNexus5
Collapsible
Culture Amp4

Color picker

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

Combobox

View all (20)
SLDSCombobox
Salesforce55
Combobox
Twilio30
MultiselectCombobox
Twilio16
Combobox
Microsoft13
Combo box
Monday.com10

Context menu

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

Data grid

DataGrid
Microsoft14
Data Grid
Twilio11
Data Grid
Microsoft4

Date picker

View all (18)
Date Picker
Twilio17
Date Picker
Xola13
Date Picker
JetBrains12
DatePicker
Microsoft11
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
SmartHR14
Dialog
Microsoft13
Dialog
Actyx10
Dialog
AppNexus9

Disclosure

Disclosure
Twilio20
Disclosure
GSoft5
DisclosureArrow
GSoft4
Disclosure
Twilio3

Divider

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

Drawer

View all (20)
Drawer
Microsoft17
Drag
Reaviz8
Drawer
kiwicom8
Drawer
PetSmart6
ModalDrawer
Actyx6

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 (15)
Flex
Twilio20
Flex
Monday.com8
Flex
GSoft6
Flex
D2iQ6
FlexItem
D2iQ6

Footer

View all (34)
Footer
GOV.UK10
Tier 1: Definitions
PetSmart8
Filter
LaunchDarkly7
Dot
GSoft5
Footer
Phork5

Form

View all (44)
Form
Spaziodati12
Form
GSoft7
Form Pill Group
Twilio7
Form structure
D2iQ7
ErrorForms Kitchensink
kiwicom6

Grid

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

Header

View all (40)
SLDSPageHeader
Salesforce9
SLDSBuilderHeader
Salesforce8
Header
Storybook6
Header
Massachusetts Digital Services6
Header
Phork5

Heading

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

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 (182)
Icons
GSoft48
DayPickerRangeController
AirBnb37
SLDSIcon
Salesforce22
DayPickerSingleDateController
AirBnb21
IconStatusBubble
Phork18

Image

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

Input

View all (119)
Input
Twilio31
Input
Trendyol24
DRP - Input Props
AirBnb18
InputField
kiwicom18
Deprecated InputField
kiwicom18

Label

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

Layout

View all (34)
AppLayout
Talend14
PageLayout
GitHub7
Layout
Shopify7
Layout
Wix6
YouTube
MDX Embed6

Link

View all (55)
Link
Talend11
Link
Natura Cosmeticos10
TextLink
kiwicom8
Link
Storybook7
LinkList
PetSmart7

List

View all (110)
ResourceList
Shopify16
List
Phork15
List
Scaleway15
TabList
Microsoft12
ListItem
Storybook11

Listbox

Listbox
GSoft27
Listbox
Shopify7

Loading

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

Menu

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

Modal

View all (55)
Modal
Twilio22
Modal
Scaleway17
Modal
Shopify15
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 (10)
Notification
Phork7
NotificationInline
SumUp4
NotificationToast
SumUp3
NotificationFullscreen
SumUp2
NavbarNotificationMenu
Spaziodati2

Page

View all (30)
Page
Shopify17
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 (50)
Radio
Phork15
Radio
Twilio15
RadioField
PetSmart12
RadioGroup
Microsoft10
Radio Field
Culture Amp10

Rating

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

Search

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

Select

View all (65)
Select
JetBrains32
Single Select
Reaviz23
Select
Trendyol21
Select
Twilio18
RichSelect
Scaleway18

Separator

View all (16)
Topbar & Sidebar
Microsoft7
Separator
Scaleway5
Separator
Twilio4
SkeletonBar
PetSmart4
ContextualSaveBar
Shopify3

Slider

View all (26)
Slider
Phork12
Slider
kiwicom12
Slider
Monday.com9
RangeSlider
AnyVision9
SLDSSlider
Salesforce9

Spinner

View all (28)
SLDSSpinner
Salesforce19
Inline
GSoft12
Inline contol group
Twilio12
Inline Editing
Talend11
Spinner
Storybook8

Stack

View all (17)
HorizontalStack
Shopify16
VerticalStack
Shopify12
Stack
kiwicom11
stacked-column-chart
GitLab8
LegacyStack
Shopify7

Switch

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

Table

View all (70)
IndexTable
Shopify29
Table
Bentley Systems28
Table
Microsoft22
Table
Twilio17
SLDSDataTable
Salesforce17

Tabs

View all (39)
Tabs
Talend11
Tabs
Twilio11
SLDSTabs
Salesforce11
Tabs
Supabase9
Tabs
GOV.UK8

Tag

View all (47)
ColoredTag
Phork16
Tag
Talend14
Tag
Phork14
TagGroup
LaunchDarkly14
InteractionTag
Microsoft10

Text

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

Text field

View all (10)
Field
GSoft19
FieldMessage
GSoft12
Field
@gilbarbara11
Field
Microsoft10
GroupField
GSoft5

Textarea

View all (56)
Textarea
Trendyol24
TextField
Shopify22
TextField
PetSmart19
Textarea
Twilio17
Textarea
Phork15

Title

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

Toast

View all (28)
Toast
Microsoft20
TitledToast
Phork9
Toast
Phork9
SLDSToast
Salesforce9
Toast
Spaziodati9

Toggle

View all (22)
Toggle
Phork7
Toggle
@gilbarbara6
Toggle
Monday.com5
Toggle
Supabase5
Toggle
LaunchDarkly4

Tooltip

View all (52)
Tooltip
Shopify14
Tooltip
Trendyol14
Tooltip
Microsoft11
Tooltip
Twilio9
Tooltip
iq9

Typography

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