React 组件
React 是最流行的前端库,用于开发组件驱动的用户界面。它用于开发单页、移动和服务器渲染的应用程序。
3813
components
14784
stories
上次更新于 7 个月前
复制链接
推文
所有 CSS
开源
添加你的组件
组件名称 (A–Z)
手风琴
查看全部 (28)
手风琴
@gilbarbara
13
手风琴
D2iQ
9
bpk-component-accordion
Skyscanner
9
手风琴
Phork
7
手风琴
Supabase
6
警告
查看全部 (34)
bpk-component-banner-alert
Skyscanner
17
警告
Trendyol
14
va-alert
US Department of Veteran's Affairs
13
警告
kiwicom
11
警告
Supabase
9
自动完成
查看全部 (19)
自动完成
GSoft
19
自动完成
GitHub
10
自动完成
Shopify
9
紧凑预设
GSoft
8
紧凑预设
GSoft
8
头像
查看全部 (49)
AvatarStatusBubble
Phork
21
彩色头像
Phork
16
头像
Natura Cosmeticos
12
头像
Scaleway
8
头像
@gilbarbara
8
徽章
查看全部 (44)
彩色徽章
Phork
16
徽章
kiwicom
16
徽章图标
LaunchDarkly
15
徽章
Natura Cosmeticos
14
徽章
Shopify
13
横幅
查看全部 (23)
横幅
Shopify
15
横幅
Phork
10
横幅
AnyVision
5
促销横幅
D2iQ
5
横幅
GitLab
5
面包屑
查看全部 (25)
FilterResourcesByBreadcrumb
Passbolt
9
面包屑导航
Natura Cosmeticos
6
面包屑导航
Talend
5
面包屑导航
Scaleway
5
面包屑导航
SpaceONE
5
按钮
查看全部 (206)
按钮组
Phork
35
图标按钮
Phork
31
图文按钮
Phork
29
按钮
Phork
26
按钮
Shopify
24
日历
查看全部 (16)
DRP - 日历属性
AirBnb
33
SDP - 日历属性
AirBnb
28
bpk-component-calendar
Skyscanner
20
bpk-component-scrollable-calendar
Skyscanner
19
Linear
Reaviz
8
卡片
查看全部 (57)
卡片
Shopify
22
旧式卡片
Shopify
18
图片卡片
JSTOR
15
统计项卡片
Spaziodati
15
环形进度指示器
Natura Cosmeticos
13
轮播
查看全部 (12)
useFocusZone
GitHub
8
SLDSCarousel
Salesforce
7
useResponsiveScreenSize
The Washington Post
6
轮播
Bentley Systems
3
轮播
SumUp
2
图表
查看全部 (22)
饼图
Spaziodati
15
bpk-component-barchart
Skyscanner
11
地理图表
Talend
9
图表
Wix
8
气泡图
Reaviz
7
聊天
查看全部 (9)
聊天图标
AppNexus
1
聊天消息
Agora
1
聊天消息列表
Agora
1
聊天消息
Agora
1
聊天面板
Agora
1
复选框
查看全部 (67)
复选框
Phork
16
SLDSCheckbox
Salesforce
15
复选框组
GSoft
14
复选框字段
Culture Amp
13
复选框
Trendyol
13
芯片
查看全部 (15)
芯片
Natura Cosmeticos
16
芯片输入
AnyVision
9
bpk-组件-图形推广
Skyscanner
8
bpk-组件-电话输入
Skyscanner
8
芯片
Phork
7
代码
查看全部 (41)
bpk-组件-字段集
Skyscanner
13
bpk-组件-日期选择器
Skyscanner
12
占位符
Scaleway
8
验证码
Scaleway
8
云存储上传项
Agora
7
折叠
查看全部 (20)
网格列
GOV.UK
9
折叠
@gilbarbara
8
折叠
kiwicom
7
可折叠列表
SpaceONE
7
可折叠面板
Talend
6
颜色选择器
查看全部 (9)
颜色
Phork
14
颜色
Narmi
5
颜色选择器
Shopify
4
颜色选择器
Bentley Systems
3
颜色
LaunchDarkly
2
组合框
查看全部 (13)
SLDS组合框
Salesforce
55
组合框
Bentley Systems
10
组合框
Shopify
7
组合框
JSTOR
6
组合框
Narmi
5
上下文菜单
查看全部 (6)
上下文菜单
SpaceONE
14
可省略内容
Spaziodati
8
上下文菜单项
SpaceONE
6
计数
GSoft
4
计数
Reaviz
2
数据网格
数据网格
Microsoft
4
日期选择器
查看全部 (18)
日期选择器
Xola
13
日期选择器
杰特布雷恩斯
12
日期时间选择器
SpaceONE
11
日期选择器
Spaziodati
7
日期选择器
Shopify
6
详情
查看全部 (6)
展开面板详情
Natura Cosmeticos
4
详情
GOV.UK
3
详情页菜单UI
Spaziodati
3
项目详情
JSTOR
1
电子邮件
Talend
1
对话框
查看全部 (35)
对话框
GSoft
31
对话框
SmartHR
14
对话框
Actyx
10
对话框
Trendyol
10
对话框
AppNexus
9
披露
披露
GSoft
5
披露箭头
GSoft
4
披露
LaunchDarkly
2
很多
Shopify
1
分割线
查看全部 (20)
时间线分割项目
Phork
14
分割线
GSoft
8
分割线
Natura Cosmeticos
7
分割线
Supabase
6
视频缩略图
Shopify
4
抽屉
查看全部 (18)
抽屉
Talend
13
拖拽
Reaviz
8
抽屉
kiwicom
8
模态抽屉
Actyx
6
抽屉
Trendyol
6
可展开
查看全部 (9)
展开的预设
GSoft
8
展开的预设
GSoft
8
可添加项目
Spaziodati
6
可展开块
Bentley Systems
6
SLDS可展开部分
Salesforce
3
弹性布局
查看全部 (13)
弹性布局
GSoft
6
弹性布局
弹性项目
D2iQ
6
D2iQ
6
弹性内联
GSoft
4
弹性盒子
Scaleway
3
页脚
查看全部 (28)
页脚
GOV.UK
10
页脚
Phork
6
点
GSoft
5
字体
Narmi
5
字体
Narmi
5
表单
查看全部 (37)
表单
Spaziodati
12
表单
GSoft
7
表单
Talend
7
表单结构
D2iQ
7
错误表单集合
kiwicom
6
网格
查看全部 (17)
网格
Carbon Design System
10
线性进度指示器
Natura Cosmeticos
9
SLDS进度指示器
Salesforce
9
进度向导
SpaceONE
6
网格
Melishev
5
头部
查看全部 (37)
头部栏
Talend
16
子标题
Talend
15
SLDS页面标题
Salesforce
9
SLDS构建器标题
Salesforce
8
头部
Storybook
6
标题
查看全部 (24)
标题
Culture Amp
14
标题
kiwicom
12
标题
GSoft
8
标题
@gilbarbara
7
标题
GOV.UK
4
焦点内容
查看全部 (13)
焦点内容
WFP
11
开关 (选择控件)
Natura Cosmeticos
7
焦点内容
kickstartDS
6
ThemeProvider (主题提供器)
kiwicom
3
输入状态帮助文本提供器
Natura Cosmeticos
1
图标
查看全部 (174)
图标
GSoft
48
DayPickerRangeController (日期范围选择控制器)
AirBnb
37
SLDSIcon (SLDS 图标)
Salesforce
22
DayPickerSingleDateController (单日日期选择控制器)
AirBnb
21
图标状态气泡
Phork
18
图像
查看全部 (30)
bpk-component-image (bpk 组件 - 图像)
Skyscanner
12
图像
GSoft
10
图像
GSoft
8
图像输入
SumUp
7
懒加载图像
SpaceONE
5
输入
查看全部 (123)
输入
Trendyol
28
DRP - 输入属性 (DRP - Input Props)
AirBnb
18
输入字段
kiwicom
18
已弃用的输入字段
kiwicom
18
输入组
GSoft
17
标签
查看全部 (30)
标签
Phork
9
标签包装器
Phork
7
图表系列标签
GitLab
7
bpk-component-label (bpk 组件 - 标签)
Skyscanner
6
标签
GSoft
4
布局
查看全部 (29)
应用布局
Talend
14
丰富布局
Talend
9
页面布局
GitHub
7
布局
Shopify
7
布局
Wix
6
链接
查看全部 (56)
链接
Natura Cosmeticos
10
链接
Talend
8
文本链接
kiwicom
8
链接
Storybook
7
bpk-component-link (bpk 组件 - 链接)
天巡
7
列表
查看全部 (101)
列表
Talend
31
资源列表
Shopify
19
虚拟化列表
Talend
17
列表
Phork
15
列表
Scaleway
15
列表框
列表框
GSoft
27
列表框
Shopify
7
加载中
查看全部 (24)
加载中
kiwicom
6
加载框
GOV.UK
5
内联加载
WFP
3
加载中
WFP
3
va加载指示器
美国退伍军人事务部
3
菜单
查看全部 (21)
SLDS菜单下拉
Salesforce
21
下拉菜单
AppNexus
9
bpk组件自动建议
天巡
8
菜单
AnyVision
7
菜单
Scaleway
6
模态框
查看全部 (52)
模态框
Scaleway
17
模态框
Shopify
16
SLDS模态框
Salesforce
13
模态框
D2iQ
13
模态框
Supabase
12
导航
查看全部 (29)
bpk组件水平导航
天巡
11
顶部导航
GOV.UK
9
导航步进器
Scaleway
5
导航
Wix
4
步骤导航
WFP
4
通知
查看全部 (10)
通知
Trendyol
8
通知
Phork
7
内联通知
SumUp
4
Toast通知
SumUp
4
全屏通知
SumUp
2
页面
查看全部 (30)
页面
Shopify
19
错误页面
Bentley Systems
12
页面
kickstartDS
8
分页器
JetBrains
8
页面标题
SpaceONE
6
分页
查看全部 (37)
分页
Phork
20
分页
GOV.UK
10
分页
D2iQ
10
分页
Scaleway
7
bpk-component-pagination
Skyscanner
6
药丸
查看全部 (7)
bpk-component-infinite-scroll
Skyscanner
10
药丸
Workday
5
SLDSPill
Salesforce
3
筛选药丸
Grafana
2
机场插画
kiwicom
2
弹出框
查看全部 (25)
弹出框
Trendyol
24
SLDSPopover
Salesforce
22
弹出框
Natura Cosmeticos
15
弹出框
kiwicom
14
bpk-component-popover
Skyscanner
11
进度
查看全部 (50)
线性进度条
Actyx
31
进度
Phork
18
仪表盘进度条
Actyx
10
进度条
@gilbarbara
8
圆形进度条
@gilbarbara
8
单选按钮
查看全部 (44)
单选按钮
Phork
15
单选字段
Culture Amp
10
单选按钮
GOV.UK
9
单选按钮
kiwicom
8
bpk-component-radio
Skyscanner
7
评分
查看全部 (8)
bpk-component-star-rating
Skyscanner
11
可编辑字符串
Spaziodati
11
bpk-component-rating
Skyscanner
6
SLDSPortalSettings
Salesforce
2
评分星级
kiwicom
2
搜索
查看全部 (26)
搜索下拉菜单
SpaceONE
12
导航栏覆盖搜索
Spaziodati
10
查询搜索
SpaceONE
7
搜索
Carbon Design System
5
搜索
SpaceONE
5
选择
查看全部 (60)
选择
Trendyol
35
选择
JetBrains
32
高级选择
Scaleway
18
选择
Phork
16
选择下拉菜单
Spaziodati
13
分隔符
查看全部 (18)
条形图
Shopify
6
条形图
Shopify
6
条形图
Shopify
6
条形图
Shopify
6
分隔符
Scaleway
5
滑块
查看全部 (21)
索引过滤器
Shopify
13
滑块
Phork
12
滑块
kiwicom
12
范围滑块
AnyVision
9
SLDSSlider
Salesforce
9
加载指示器
查看全部 (22)
SLDSSpinner
Salesforce
19
内联
GSoft
12
加载指示器
Storybook
8
内联
LaunchDarkly
6
加载指示器
Trendyol
6
堆叠
查看全部 (14)
内联堆叠
Shopify
18
块状堆叠
Shopify
12
堆叠
kiwicom
11
堆叠柱状图
GitLab
8
传统堆叠
Shopify
7
开关
查看全部 (21)
开关
Trendyol
7
开关
The Washington Post
7
切换开关
Bentley Systems
6
开关
kiwicom
4
Twitch
MDX Embed
4
表格
查看全部 (65)
索引表格
Shopify
49
表格
Bentley Systems
28
SLDS数据表格
Salesforce
17
数据表格
AppNexus
15
表格
D2iQ
14
标签页
查看全部 (35)
SLDS标签页
Salesforce
11
标签页
Supabase
9
标签页
GOV.UK
8
标签页
GitLab
8
标签页
Shopify
7
标签
查看全部 (42)
彩色标签
Phork
16
标签
Phork
15
标签
iq
10
标签
Shopify
8
标签组
Phork
8
文本
查看全部 (41)
排版 (文本)
Natura Cosmeticos
20
文本字段
AnyVision
17
文本框
Scaleway
17
文本字段
Natura Cosmeticos
15
文本
WFP
8
文本字段
查看全部 (11)
字段
GSoft
19
字段消息
GSoft
12
字段
@gilbarbara
11
分组字段
GSoft
5
字段组
D2iQ
2
文本区域
查看全部 (44)
文本字段
Shopify
29
文本区域
Trendyol
24
文本区域
Phork
15
文本区域
Actyx
13
文本区域
Microsoft
12
标题
查看全部 (10)
标题块
Culture Amp
13
标题
Spaziodati
9
图块
Bentley Systems
6
Twitter时间轴
MDX Embed
4
标题栏
React95
3
Toast
查看全部 (24)
Toast
Shopify
9
带标题的Toast
Phork
9
Toast
Phork
9
SLDSToast
Salesforce
9
Toast
Spaziodati
9
切换
查看全部 (19)
切换
@gilbarbara
11
切换
Phork
7
切换
Supabase
5
设置切换
Shopify
3
切换
Narmi
3
工具提示
查看全部 (47)
工具提示
Shopify
15
工具提示
Trendyol
15
工具提示
iq
9
带有工具提示
Storybook
8
工具提示
kiwicom
8
排版
查看全部 (15)
排版
Actyx
14
排版
JSTOR
12
排版
Scaleway
6
段落
GOV.UK
4
段落
GSoft
4