webui庫：semidesign， alibaba?fusion+formily，tdesign

埋點：友盟

多人協(xié)作：ot.js

數(shù)據(jù)可視化庫：echart.js(圖表)，three.js(3d)，antv/d3.js（思維導(dǎo)圖/樹/節(jié)點）

項目統(tǒng)一css：tailwindcss

繪圖：canvas（fabric.js）

AR：AR.js

h5頁面設(shè)計：Dooring

icon/圖：iconfont，攝圖網(wǎng)，隨機圖Lorem Picsum，? ? ? ? ? ? ? 分享43個前端、設(shè)計師常用優(yōu)質(zhì)的圖標(biāo)資源 - 知乎 (zhihu.com)

? ? ? ? ? ? ? 分享27個優(yōu)質(zhì)免費、可商用的圖片素材網(wǎng)站 - 知乎 (zhihu.com)

? ? ? ? ? ? ??分享18個優(yōu)質(zhì)、免費的在線圖片處理工具 - 知乎 (zhihu.com)

web視頻：video.js

socket聊天室：網(wǎng)易云信SDK，

監(jiān)視器：mobx

滑塊驗證：react-slider-vertify，

import { Vertify } from '@alex_xu/react-slider-vertify'; <Vertify width={320} height={160} onSuccess={() => alert('success')} onFail={() => alert('fail')} onRefresh={() => alert('refresh')}/>

雪碧圖：pixi.js，

顯示pdf：pdf.js，

列表拖拽：sortable.js中文文檔 - itxst.com

模板：dowebok，

? ? ? ? ? ?Bootstrap模板_響應(yīng)式網(wǎng)站模板 - Bootstrap模板庫 (bootstrapmb.com)

新擬態(tài)/軟ui/燈光浮雕/真實立體：

? ? ? ? Neumorphism UI:??Neumorphism UI (themesberg.com)

????????浮雕設(shè)計css小工具：Neumorphism/Soft UI CSS shadow generator

黑暗模式：黑暗風(fēng)格管理系統(tǒng)模板后臺UI框架 _Bootstrap模板庫 (bootstrapmb.com)

磨砂玻璃：偽元素：position: ????????absolute;top:?0;?right:?0;?bottom:?0;?left:?0;?filter:?blur(20px);?margin:?-30px;

舒適配色：Color Space:?https://mycolor.space/

3d色彩：background: radial-gradient();background-blend-mode:;

eg:background: linear-gradient(123deg, #2E99B0 0%, #2E99B0 40%, #FCD77F calc(40% + 1px), #FCD77F 60%, #FF2E4C calc(60% + 1px), #FF2E4C 75%, #1E1548 calc(75% + 1px), #1E1548 100%);

漸變色彩：Web Gradients:?https://webgradients.com/

3d交互/動畫：three.js，工業(yè)建模EverAPI，Animate.css(PPT)/Magicss(炫酷)/Velocity.js(改參數(shù))，Hover.CSS，animejs(絲滑)，wavesjs(波動)，particles.js(超炫背景粒子)，AniJS.js(小巧)，fullpage.js(輪播圖)，snabbt.js(卡片轉(zhuǎn)動)，pace.js(滾動條)，dynamicsjs(自定義)，Single Element CSS Spinners(螺旋)，css shakes，Typebase.css(字體)，Type Rendering Mix(字體)，Hint.css/html5tooltips.js(提示框)，scrollrevealjs(滾動流式)，dowebok(很多可練習(xí))，

質(zhì)感設(shè)計：Material Design扁平化卡片風(fēng)

扁平設(shè)計：

手繪元素：分享22個前端、設(shè)計師常用的插畫資源 - 知乎 (zhihu.com)?靜態(tài)：rough.js

動態(tài)/微交互/微動畫設(shè)計：

文字主導(dǎo)：adobe AI，

數(shù)據(jù)可視：

拇指移動：

留白設(shè)計：

使用視頻：

不規(guī)則/不對稱流式布局：

賽博朋克/霓虹燈：photomosh，

待完善。。。

總結(jié)

以上是生活随笔為你收集整理的react前端库s的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。