开源 · 学习 · 分享

项目展示

汇聚前端、Java、AI 应用、学习资源、趣味项目与效率工具等开源项目,每一个项目都提供完整源码与文档说明,欢迎学习参考、动手改造。

54开源项目 6应用方向 162技术栈 100%源码开放
01 / PROJECTS

项目精选

按方向筛选项目,点击「演示」可预览运行效果,点击「文档」查看详细说明

轻量待办清单

一个开箱即用的极简待办应用,支持多列表分组、拖拽排序与数据本地持久化。

  • 多列表分组管理
  • 拖拽排序与快捷操作
  • 数据本地持久化
  • 暗黑模式随系统切换
Vue3PinialocalStorage
文档 源码 ↗

响应式博客主题

一款支持深浅色主题的响应式博客主题,移动端与桌面端体验同样出色。

  • 响应式布局适配全端
  • 深浅色主题一键切换
  • 文章列表与详情页
  • SEO 基础优化
HTML5CSS3JavaScript
文档 源码 ↗

可视化数据大屏

开箱即用的可视化数据大屏模板,内置多种图表组件与动态数据源接入。

  • 12 种常用图表组件
  • 动态数据源轮询刷新
  • 大屏自适应缩放
  • 主题配色可配置
Vue3EChartsVite
文档 源码 ↗

网页颜色选择器

从色相环或图片取色,一键复制 HEX/RGB/HSL 等多种格式。

  • 色轮与图片吸管取色
  • HEX/RGB/HSL 格式互转
  • 常用色板收藏夹
  • 对比度预览提示
Vue3TypeScriptVite
文档 源码 ↗

图片压缩工具

浏览器本地完成图片压缩,不上传服务器,隐私安全。

  • 批量图片压缩
  • 压缩质量自由调节
  • PNG/JPEG/WebP 格式转换
  • 本地处理不上传
JavaScriptCanvasFile API
文档 源码 ↗

瀑布流图片墙

自适应瀑布流布局的图片墙组件,支持滚动懒加载。

  • 自适应列数布局
  • 滚动懒加载
  • 骨架屏占位
  • 点击放大预览
Vue3IntersectionObserverSCSS
文档 源码 ↗

在线表单生成器

拖拽组件生成表单,导出 JSON 配置即可渲染使用。

  • 拖拽式表单搭建
  • 20+ 常用组件
  • 校验规则可视化配置
  • JSON Schema 导入导出
Vue3vuedraggableElement Plus
文档 源码 ↗

二维码生成器

文本/链接一键生成二维码,支持 Logo 嵌入与样式定制。

  • 多种容错等级
  • Logo 中心嵌入
  • 圆点与渐变风格
  • SVG/PNG 导出
JavaScriptqrcodeCanvas
文档 源码 ↗

快捷键练习器

打字与快捷键双模式练习,实时统计准确率与速度。

  • 打字与快捷键双模式
  • Vim/IDE 快捷键关卡
  • 实时 WPM 与准确率
  • 薄弱键位热力图
JavaScriptWeb AudiolocalStorage
文档 源码 ↗

一起动手,把想法变成项目

所有项目均提供完整源码,欢迎 Star、Fork 或提出建议,在学习与改造中共同进步。

前往 GitHub