想开发一个项目,求推荐的前端开源组件库

2023-09-22 10:16:24 +08:00
 softlight

目前准备发开一个项目,不知道大家有没有比较喜欢的 React 前端开源组件库,希望是 UI 比较好看的,社区比较活跃的,组件也比较丰富的

目前已知的

  1. antd
  2. mui
  3. vant

所以,可以留下你认为比较好使用的组件库, 可以说说理由。

目前 tailwind 比较火, 这些组件库可以结合 tailwind 么

3860 次点击
所在节点    前端开发
33 条回复
hucw21750
2023-09-22 10:21:26 +08:00
个人看法:react 选 antd 就够了
lsk569937453
2023-09-22 10:21:53 +08:00
antd+1
MissCute
2023-09-22 10:24:47 +08:00
antd 你说的几条都符合
tailwind 可以一起用,不影响
dengqing
2023-09-22 10:26:40 +08:00
面相 B 端:antd

当然 antd 也可以用于 C 端,但要花精力并且内有设计能力去调主题

面向 C 端:shadcn/ui

目前的最佳选择,加上 https://v0.dev 可以快速出页面
AmberTest
2023-09-22 10:32:49 +08:00
好像没人提 MUI ,是因为不如 antd 功能多吗?个人使用感觉组件要比 antd 更丰富一点
https://mui.com/
flyqie
2023-09-22 10:35:57 +08:00
react 也就 antd 了吧。。
sycwiki
2023-09-22 10:36:14 +08:00
ant 和 ant mobile
17681880207
2023-09-22 10:38:33 +08:00
Arco Design 可以看下。😎
seeu2ex
2023-09-22 10:38:35 +08:00
Mui 不香吗
softlight
2023-09-22 10:39:20 +08:00
@seeu2ex 国内使用的人感觉比较少
artshooter
2023-09-22 10:49:37 +08:00
推荐一下 shineout ?,
感觉用起来比 antd 的简单点。
4ik96709qTWd3vO7
2023-09-22 10:52:26 +08:00
@AmberTest 之前用过,但是这里面的 popover 感觉不太好啊。他直接一个遮罩层,把点击事件阻断了
FanError
2023-09-22 11:04:41 +08:00
@dengqing C 端的有 vue 的推荐么
dengqing
2023-09-22 11:16:23 +08:00
@FanError

现在 vue 也出了非常多类 radix / shadcn-ui 的库

shadcn-vue: 1:1 复制 radix ,此外还有 shadcn-ui 的实现. 目前正在支持 unocss
https://github.com/radix-vue/radix-vue
https://github.com/radix-vue/shadcn-vue

oku-ui: 1:1 复制 radix
https://github.com/oku-ui/primitives

primevue: healess-ui 组件库。unstyle mode 支持 unocss
https://primevue.org
anoyi
2023-09-22 11:19:40 +08:00
推荐一个炫酷的: https://nextui.org/
dengqing
2023-09-22 11:21:35 +08:00
react 还有一个 https://mantine.dev/ 组件也很多
XCFOX
2023-09-22 11:25:32 +08:00
https://nextui.org/

这才是面向 C 端的组件库,细节丰富,动画效果十分丝滑。
另外还天然集成 tailwind ,能够完全自定义。
KanaCC
2023-09-22 11:26:48 +08:00
softlight
2023-09-22 11:42:35 +08:00
@XCFOX 感觉很不错啊
Nyeshuai
2023-09-22 12:47:02 +08:00
@XCFOX 这库看着可以,但体积 1.1m...,都赶上 antd 了,加上 framer-motion ,这货也要 120kb ,感觉 C 端这个大小是不是太狂野了,不知道实际引入会不会改善点

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/976082

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX