大前端-资料汇总

目录

应用模板商店

bootstrapmb：http://www.bootstrapmb.com
themeforest：https://themeforest.net/
creative-tim：https://www.creative-tim.com/

W2School

https://www.w3schools.com
https://www.w3schools.com/howto

CSS

http://c.biancheng.net/css3

vue-amazing-ui

https://themusecatcher.github.io/vue-amazing-ui/

Vue 3.0

Vue 3.0 项目实战：创建项目

面向就业编程：Vue实战-云盘系统

应用商店

themeforest：https://themeforest.net/s

Ant Design

官网

https://ant.design/index-cn

Ant Desig Vue

https://next.antdv.com/components/overview

商业项目

StrikingDash - Vue Admin Dashboard Template

Element-Plus

官网

https://element-plus.gitee.io/zh-CN/

Bootstrap

官网

https://getbootstrap.com
中文网：https://www.bootcss.com/

Bootstrap vue

官网

https://bootstrap-vue.org （翻译网：https://code.z01.com/bootstrap-vue/）
https://github.com/bootstrap-vue/bootstrap-vue

Vuetify

官网

https://vuetifyjs.com

https://vuetifyjs.com/zh-Hans

Github：https://github.com/vuetifyjs/vuetify

视频教程

深入浅出vuetify

深入浅出vuetify

Vuetify Tutorial

https://www.bilibili.com/video/BV1P4411K7Mw/?spm_id_from=333.788.recommend_more_video.3&vd_source=e36b086c78178dcd101605265378d9e1

Vuetify 30分钟搞定一个APP

Vuetify 30分钟搞定一个APP【中英字幕】：

https://www.bilibili.com/video/BV1PA41177t1/?spm_id_from=333.337.search-card.all.click

开源项目

lux-admin-vuetify3

https://www.bilibili.com/video/BV1sX4y167t1/?spm_id_from=333.337.search-card.all.click&vd_source=e36b086c78178dcd101605265378d9e1

github仓库地址 https://github.com/yangjiakai/lux-admin-vuetify3

项目预览地址 https://lux.vuetify3.com/

商业项目

Vuexy

https://demos.pixinvent.com/vuexy-vuejs-admin-template/landing/

应用商店

https://store.vuetifyjs.com/?utm_source=vuetifyjs.com&utm_medium=toolbar

Quasar

官网

https://github.com/quasarframework/quasar
https://quasar.dev

视频教程

开源项目

视频教程

开源项目

Semi Design

https://blog.csdn.net/weixin_42219487/article/details/121249542
https:semi.design/zh-CN

Arco Design

官网

https://arco.design/

开源项目

https://github.com/arco-design/arco-design-pro-vue
https://github.com/qingqingxuan/arco-work
https://github.com/arco-design/awesome-arco/blob/main/README_zh-CN.md

Naive UI

官网

https://www.naiveui.com/zh-CN/light
https://www.naiveui.com/zh-CN/os-theme

开源项目

https://www.naiveui.com/zh-CN/os-theme/docs/community

Tailwind UI

官网

CSS:https://www.tailwindcss.cn/
UI:https://tailwindui.com/
模板：https://tailwindui.com/templates
组件库：https://tailwindui.com/components?ref=sidebar

开源

https://github.com/cruip/tailwind-dashboard-template
https://flowbite.com/
https://headlessui.com/

mosaic

https://cruip.com/mosaic/
https://github.com/cruip/tailwind-dashboard-template

教程

https://zhuanlan.zhihu.com/p/470586190

Tailwind CSS 是最烂的... 【Masonic字幕组】
内含一些VS inline fold、

PrimeVue

官网

https://primevue.org
模板：https://primevue.org/templates

sakai-vue

免费模板：
预览：https://sakai.primevue.org
代码：https://github.com/primefaces/sakai-vue

Vristo

Demo：https://vristo.sbthemes.com/#demos
文档：https://vristo.sbthemes.com/documentation

Vue Notus

https://www.creative-tim.com/product/vue-notus

Mosaic

mosaic-tailwind-css-admin-dashboard-template
https://cruip.com/mosaic
https://www.tailwindawesome.com/resources/mosaic
demo:https://www.tailwindawesome.com/resources/mosaic/demo

TUK

The Most Detailed and Interactive Admin Template
A one-of-its kind Dashboard Template with almost 100 Screens. Every screen is
highly detailed with interactions embedded down to the smallest component.

官网：https://tuk.dev/moda-template
Demos：https://tuk.dev/moda-template#demo

组件

Table

vue3-datatable：https://yarnpkg.com/package/@bhplugin/vue3-datatable
vue3-easy-data-table：https://devpress.csdn.net/vue/62f8fcc2c6770329307fc93b.html

posted @ 2023-06-11 12:59  easy5  阅读(128)  评论(0)  编辑  收藏  举报