自己常用的工具网站收藏 - awesome toolkits/ui/react/vue库/框架
自己工作中常用的工具网站收藏
Cheatsheet
平时各种常用,好用的工具收藏。
名称 | 备注 | 网站 |
---|---|---|
favicon | 生成网站的 favicon | https://tool.lu/favicon/ |
ejs | nodejs 模板引擎 | https://ejs.co/#docs |
svg loading | 生成一个你需要的 svg loading 图 | https://loading.io/ |
spinkit | 一个项目直接可用的 spinkit | https://github.com/tobiasahlin/SpinKit |
private assets | 开发常用的 assets | https://www.weiyun.com/disk/folder/4efd4705d83786504ca702c227259a05 |
Vue ui
名称 | 备注 | 网站 |
---|---|---|
ui-libs | Vue 组件项目大全 | https://ui-libs.vercel.app/ |
PrimeVUE | 精致的UI/vue3 | https://www.primefaces.org/primevue/ |
BalmUI | Mui风格/vue3 | https://material.balmjs.com/ |
Element Plus | element ui/vue3,质量不行 | https://element-plus.org/zh-CN/ |
Wave UI | 淡蓝色风格,但第一眼爱不起来 | https://github.com/antoniandre/wave-ui |
Ionic | 偏 mobile app 开发 | https://ionicframework.com/docs/vue/quickstart |
konstaui | ios风格 | https://konstaui.com/vue |
Formkit | 表单schema | https://github.com/formkit/formkit |
auto-animate | 动画相关的/各框架都有 | https://github.com/formkit/auto-animate |
Tencent出的一套UI库 | A Vue.js UI components lib for TDesign. | https://github.com/Tencent/tdesign-vue |
google出的,平台无关 | 官方 material ui | https://m3.material.io/ |
material ui 风格,国人出品 | 移动端组件库 | https://github.com/varletjs/varlet |
React ui 库
名称 | 备注 | 网站 |
---|---|---|
众安保险组件库 | 精致的移动端组件库 | https://zarm.design/#/ |
一套国外的pc组件库 | Blueprint | https://blueprintjs.com/ |
Tooltip | tooltip | https://floating-ui.com/ |
另一个Tooltip | Tippy | https://github.com/atomiks/tippyjs-react |
动画 | 一行代码让互动有动画 | https://github.com/formkit/auto-animate |
arco design | 字节出的 antd 对标产生(Vue也有) | https://arco.design/ |
抖音 | 字节出品 | https://semi.design/zh-CN/ |
Win95风格react组件 | wn95风格的react组件库 | https://github.com/React95/React95 |
其它
名称 | 网站 |
---|---|
一个颜色有关的库 | https://github.com/gka/chroma.js |
动画的背景/blog、简历 | https://particles.js.org/ |
common-tags | https://github.com/zspecza/common-tags |
基于tailwind的全平台样式库 | https://flowbite.com/ |
基于tailwind的,推荐!!! | https://daisyui.com/ |
手绘风格 | https://github.com/rough-stuff/wired-elements |
Pure css
名称 | 备注 | 网站 |
---|---|---|
8像素风格 | 精致的 css | https://nostalgic-css.github.io/NES.css/ |
photon | macos 桌面风格 | http://photonkit.com/ |
tuicss | dos 风格的css库 | https://github.com/vinibiavatti1/TuiCss |
项目模板
名称 | 备注 | 网站 |
---|---|---|
twin 模板(reat) | 一大堆项目模板 | https://github.com/ben-rogerson/twin.examples |