react前端库s

webui库：semidesign， alibaba fusion+formily，tdesign

埋点：友盟

多人协作：ot.js

数据可视化库：echart.js(图表)，three.js(3d)，antv/d3.js（思维导图/树/节点）

项目统一css：tailwindcss

绘图：canvas（fabric.js）

AR：AR.js

h5页面设计：Dooring

icon/图：iconfont，摄图网，随机图Lorem Picsum，              分享43个前端、设计师常用优质的图标资源 - 知乎 (zhihu.com)

              分享27个优质免费、可商用的图片素材网站 - 知乎 (zhihu.com)

              分享18个优质、免费的在线图片处理工具 - 知乎 (zhihu.com)

web视频：video.js

socket聊天室：网易云信SDK，

监视器：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模板_响应式网站模板 - Bootstrap模板库 (bootstrapmb.com)

新拟态/软ui/灯光浮雕/真实立体：

        Neumorphism UI:  Neumorphism UI (themesberg.com)

        浮雕设计css小工具：Neumorphism/Soft UI CSS shadow generator

黑暗模式：黑暗风格管理系统模板后台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，工业建模EverAPI，Animate.css(PPT)/Magicss(炫酷)/Velocity.js(改参数)，Hover.CSS，animejs(丝滑)，wavesjs(波动)，particles.js(超炫背景粒子)，AniJS.js(小巧)，fullpage.js(轮播图)，snabbt.js(卡片转动)，pace.js(滚动条)，dynamicsjs(自定义)，Single Element CSS Spinners(螺旋)，css shakes，Typebase.css(字体)，Type Rendering Mix(字体)，Hint.css/html5tooltips.js(提示框)，scrollrevealjs(滚动流式)，dowebok(很多可练习)，

质感设计：Material Design扁平化卡片风

扁平设计：

手绘元素：分享22个前端、设计师常用的插画资源 - 知乎 (zhihu.com) 静态：rough.js

动态/微交互/微动画设计：

文字主导：adobe AI，

数据可视：

拇指移动：

留白设计：

使用视频：

不规则/不对称流式布局：

赛博朋克/霓虹灯：photomosh，

待完善。。。