自己常用的工具网站收藏 - 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 |
Vue 状态管理
| 名称 | 备注 | 网站 |
|---|---|---|
| pinia | 状态管理 | https://pinia.vuejs.org/ |
| pinia-colada | 状态管理 + useQuery/useMutation（The missing data fetching library for Pinia） | https://github.com/posva/pinia-colada |
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 |
| awesome nextjs | 又一个资源集合 | https://github.com/officialrajdeepsingh/awesome-nextjs |
| nextjs-ui | 不错，是不是官方的？ | https://nextui.org/docs/components/scroll-shadow |
其它
| 名称 | 网站 |
|---|---|
| 一个颜色有关的库 | 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 |