日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

react前端库s

發(fā)布時間:2023/12/15 HTML 22 豆豆
生活随笔 收集整理的這篇文章主要介紹了 react前端库s 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

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)容還不錯,歡迎將生活随笔推薦給好友。