New
Storybook for full-stack developersAutomate with Chromatic
Star75,281
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.

4025components15612storiesLast updated 13 days ago
Tweet
Add your component

Accordion

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

Alert

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

Autocomplete

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

Avatar

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

Badge

View all (46)
ColoredBadge
Phork
16
Badge
kiwicom
16
Badge
Twilio
15
Badge
Natura Cosmeticos
14
NotificationBadge
kiwicom
13

Banner

View all (24)
Banner
Shopify
10
Banner
Phork
10
PromoBanner
PetSmart
8
Banner
AnyVision
5
PromoBanner
D2iQ
5

Breadcrumb

View all (29)
Breadcrumbs
Natura Cosmeticos
6
Breadcrumb
Twilio
5
Breadcrumbs
Scaleway
5
Breadcrumbs
SpaceONE
5

Button

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

Calendar

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

Card

View all (70)
Token Card
Twilio
22
Product Card
PetSmart
22
Card
Shopify
17
StatisticsItemCard
Spaziodati
15
Image Card
JSTOR
13

Carousel

View all (11)
useFocusZone
GitHub
8
SLDSCarousel
Salesforce
7
HorizontalOverflowCarousel
PetSmart
3
Carousel
SumUp
2

Chart

View all (20)
PieChart
Spaziodati
15
BarChart
Shopify
13
bpk-component-barchart
Skyscanner
11
LineChart
Shopify
10
Charts
Wix
8

Chat

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

Checkbox

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

Chip

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

Code

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

Collapse

View all (16)
Grid col
GOV.UK
9
Collapse
kiwicom
7
Collapsible List
SpaceONE
7
Collapsible
AppNexus
5
Collapsible
Culture Amp
4

Color picker

View all (10)
Colors
Phork
14
Color
Talend
6
Color
Narmi
5
ColorPicker
Shopify
4
ColorPicker
Bentley Systems
3

Combobox

View all (21)
SLDSCombobox
Salesforce
55
Combobox
Twilio
27
MultiselectCombobox
Twilio
13
Combo box
Monday.com
10
ComboBox
Bentley Systems
10

Context menu

View all (7)
Context Menu
SpaceONE
14
EllipsableContent
Spaziodati
8
Context Menu Item
SpaceONE
6
count
GSoft
4
ResultsCount
Yext
3

Data grid

Data Grid
Twilio
11
DataGrid
Microsoft
1

Date picker

View all (14)
Date Picker
Twilio
17
Date Picker
Xola
13
Date Picker
JetBrains
12
Datetime Picker
SpaceONE
11
DatePicker
Spaziodati
7

Details

View all (8)
Email
Talend
6
Expansion Panel Details
Natura Cosmeticos
4
Details
GOV.UK
3
Details
Capgemini
3
DetailPageMenuUI
Spaziodati
3

Dialog

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

Disclosure

Disclosure
Twilio
20
Disclosure
GSoft
5
DisclosureArrow
GSoft
4
Disclosure
Twilio
3

Divider

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

Drawer

View all (19)
Drag
Reaviz
8
Drawer
kiwicom
8
Drawer
PetSmart
6
ModalDrawer
Actyx
6
Drawer
Talend
4

Expandable

View all (8)
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
Monday.com
8
Flex
GSoft
6
Flex
D2iQ
6
FlexItem
D2iQ
6

Footer

View all (36)
Footer
GOV.UK
10
Tier 1: Definitions
PetSmart
8
Filter
LaunchDarkly
7
Dot
GSoft
6
Footer
Phork
5

Form

View all (50)
Form Field Group
Talend
13
Form
Spaziodati
12
Form
Talend
8
Form
GSoft
7
Form Pill Group
Twilio
7

Grid

View all (20)
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)
SLDSPageHeader
Salesforce
9
SLDSBuilderHeader
Salesforce
8
Header
Storybook
6
Header
Massachusetts Digital Services
6
Header
Phork
5

Heading

View all (30)
Heading
PetSmart
14
Heading
Culture Amp
14
Heading
Twilio
13
Heading
kiwicom
12
Heading
GSoft
8

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 (175)
Icons
GSoft
48
DayPickerRangeController
AirBnb
37
SLDSIcon
Salesforce
22
DayPickerSingleDateController
AirBnb
21
IconStatusBubble
Phork
18

Image

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

Input

View all (119)
Input
Twilio
22
DRP - Input Props
AirBnb
18
InputField
kiwicom
18
Deprecated InputField
kiwicom
18
InputGroup
GSoft
17

Label

View all (34)
Label
Phork
9
LabelWrapper
Phork
7
bpk-component-label
Skyscanner
6
Label
Twilio
5
Label
Microsoft
5

Layout

View all (34)
Layouts
Talend
8
PageLayout
GitHub
6
Layout
Shopify
6
Layout
Wix
6
YouTube
MDX Embed6

Link

View all (53)
Link
Talend
11
Link
Natura Cosmeticos
10
TextLink
kiwicom
8
Link
Storybook
7
LinkList
PetSmart
7

List

View all (105)
ListItem
SumUp
16
List
Phork
15
List
Scaleway
15
ResourceList
Shopify
14
TabList
Microsoft
12

Listbox

Listbox
GSoft
27
Listbox
Shopify
5

Loading

View all (26)
Loading
kiwicom
6
Loading box
GOV.UK
5
MultiUpload
Capgemini
4
InlineLoading
WFP
3
Loading
WFP
3

Menu

View all (24)
SLDSMenuDropdown
Salesforce
21
DropdownMenu
D2iQ
10
DropMenu
AppNexus
9
bpk-component-autosuggest
Skyscanner
8
Menu
AnyVision
7

Modal

View all (52)
Modal
Twilio
22
Modal
Scaleway
17
Modal
Talend
14
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 (13)
Notification
Phork
7
Notification
LaunchDarkly
5
NotificationInline
SumUp
4
NotificationToast
SumUp
3
NotificationFullscreen
SumUp
2

Page

View all (34)
Page
Shopify
14
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 (28)
SLDSPopover
Salesforce
22
Popover
Natura Cosmeticos
15
Popover
kiwicom
14
Popover
Twilio
11
bpk-component-popover
Skyscanner
11

Progress

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

Radio

View all (50)
Radio
Phork
15
Radio
Twilio
15
RadioField
PetSmart
12
RadioGroup
Microsoft
10
Radio Field
Culture Amp
10

Rating

View all (11)
bpk-component-star-rating
Skyscanner
11
EditableString
Spaziodati
11
bpk-component-rating
Skyscanner
6
StarRating
PetSmart
4
SLDSPortalSettings
Salesforce
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 (68)
Select
JetBrains
32
Single Select
Reaviz
23
Select
Twilio
18
RichSelect
Scaleway
18
Select
Phork
16

Separator

View all (15)
Step
Talend
9
Topbar & Sidebar
Microsoft
7
Separator
Scaleway
5
Separator
Twilio
4
SkeletonBar
PetSmart
4

Slider

View all (25)
Slider
Phork
12
Slider
kiwicom
12
Slider
Monday.com
9
RangeSlider
AnyVision
9
SLDSSlider
Salesforce
9

Spinner

View all (22)
Inline Message
Talend
21
SLDSSpinner
Salesforce
19
Inline
Shopify
16
Inline
GSoft
12
Inline contol group
Twilio
12

Stack

View all (16)
Stack
kiwicom
11
Stack
Shopify
7
AlphaStack
Shopify
6
Stack
Twilio
6
Stack
Chakra
6

Switch

View all (23)
Switch
Twilio
21
ToggleSwitch
Talend
7
Switch
Microsoft
6
ToggleSwitch
Bentley Systems
6
Switch
Talend
5

Table

View all (67)
Table
Bentley Systems
28
IndexTable
Shopify
17
Table
Twilio
17
SLDSDataTable
Salesforce
17
DataTable
AppNexus
15

Tabs

View all (40)
Tabs
Talend
15
SLDSTabs
Salesforce
11
Tabs
Supabase
9
Tabs
GOV.UK
8
Tabs
Twilio
8

Tag

View all (42)
ColoredTag
Phork
16
Tag
Talend
14
Tag
Phork
14
Tags
iq
10
TagGroup
Phork
8

Text

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

Text field

View all (9)
Field
GSoft
20
FieldMessage
GSoft
12
Field
Microsoft
7
GroupField
GSoft
5
Dynamic fields
Grommet
1

Textarea

View all (56)
TextField
Shopify
20
Textarea
Twilio
17
TextField
PetSmart
17
Textarea
Phork
15
TextArea
Actyx
13

Title

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

Toast

View all (28)
TitledToast
Phork
9
Toast
Phork
9
SLDSToast
Salesforce
9
Toaster
D2iQ
9
Toast
Spaziodati
9

Toggle

View all (21)
Toggle
Phork
7
Toggle
Monday.com
5
Toggle
Capgemini
5
Toggle
Supabase
5
Toggle
LaunchDarkly
5

Tooltip

View all (49)
Tooltip
Microsoft
10
Tooltip
Twilio
9
Tooltip
iq
9
WithTooltip
Storybook
8
Tooltip
kiwicom
8

Typography

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