demo 合集

demo 收藏夹

关键词：前端 小程序 微信小程序封装组件，覆盖常用需求：包括轮播组件（堆叠轮播等）、canvas（圆环、海报、裁图，绘画等）、map、echarts 各类图表、css3 动画，步骤条、日历组件、自定义 tabbar+导航栏、loading 加载动画、css 渐变、雪碧图、瀑布流、关键词高亮、搜索历史、图片懒加载、节流防抖、索引选择（如城市）、微信拆红包、红包雨、菜单弹出动画、3d 云、按钮拖拽、营销组件（九宫格等）

visualization-collection 关键词：前端 CSS 一个专注于前端视觉效果的集合应用，包含 CSS 动效、Canvas 动画、Three.js3D、人工智能应用等上百个案例

建站工具

Halo

关键词：CMS 全栈

• 文档：https://docs.halo.run/
• 项目地址：https://github.com/halo-dev/halo
• 官网：https://www.halo.run/

在线预览

• 环境地址：https://demo.halo.run
• 后台地址：https://demo.halo.run/console
• 用户名：demo 密码：P@ssw0rd123..

应用场景：企业官网、知识库、个人网站等 CMS 场景

后台管理系统

Pure-admin

关键词： 全栈

更侧重于前端。前端的完成度比较高。

• 文档：https://pure-admin.cn/pages/introduction/
• 前端项目地址：https://github.com/pure-admin/vue-pure-admin
• 后端项目地址：https://github.com/pure-admin/pure-admin-backend
• 在线预览：https://pure-admin.github.io/vue-pure-admin/#/login

技术栈

• Vue3、Vite、Element-Plus、TypeScript、Pinia、Tailwindcss等
• Nodejs、express、mysql、jwt、TypeScript

RuoYi

关键词： 全栈

整体完成度较高，基本覆盖大部分系统需求。有单体应用和微服务版本，前后端分离，前端也有 vue2 和 vue3 版本。

• 文档：http://doc.ruoyi.vip
• 项目地址：https://gitee.com/y_project/RuoYi
• 前端项目地址：https://github.com/yangzongzhuan/RuoYi-Vue3
• 在线预览：http://vue.ruoyi.vip admin/admin123

技术栈

• Spring Boot、Spring Security、MyBatis、Jwt、Vue

Vue vben admin

关键词：前端

没有配套后端，开箱即用。

• 文档：https://doc.vben.pro/
• 项目地址：https://github.com/vbenjs/vue-vben-admin
• 在线预览：https://www.vben.pro/#/analytics 测试账号: vben/123456

技术栈

• Vue3、Vite、Tailwindcss

电商项目模板

mall4j

关键词：全栈

• 文档：https://gitee.com/gz-yami/mall4j/tree/master/doc
• 项目地址：https://gitee.com/gz-yami/mall4j
• java 后台：https://gitee.com/gz-yami/mall4j
• vue 后台前端：https://gitee.com/gz-yami/mall4v
• 小程序：https://gitee.com/gz-yami/mall4m
• uni-app：https://gitee.com/gz-yami/mall4uni

lilishop

关键词：全栈

前端使用 Vue、uni-app 开发， 系统全端全部代码开源，前后端分离，支持分布式部署，支持 Docker，各个 API 独立。

• 文档：https://docs.pickmall.cn/
• 项目地址：https://github.com/lilishop/lilishop
• 官网：https://pickmall.cn

在线预览 PS：手机验证码为 ‘111111’

• 平台管理端：https://admin-b2b2c.pickmall.cn 账号：admin/123456
• 店铺管理端：https://store-b2b2c.pickmall.cn 账号：13011111111/111111
• 商城 PC 页面：https://pc-b2b2c.pickmall.cn
• 商城 小程序/公众号/APP：扫描二维码

wechat-app-mall

关键词：小程序

• 文档：https://www.it120.cc/help/ikfe2k.html
• 项目地址：https://github.com/EastWorld/wechat-app-mall

likeshop

关键词：全栈 php vue nuxt uni-app

• 项目地址：https://github.com/likeadmin-likeshop/likeshop

shopxo

关键词：全栈 php

• 项目地址：https://gitee.com/zongzhige/shopxo

litemall

关键词：全栈 java

• 项目地址：https://github.com/linlinjava/litemall
• 技术栈： Spring Boot 后端 + Vue 管理员前端 + 微信小程序用户前端 + Vue 用户移动端