floorplan-3d 是一个纯前端的户型装修设计工具，由开发者 WY（@akokoi1）开源在 GitHub 上。它把 2D 平面布置和 3D 场景预览合二为一：你可以在 2D 平面图上按 1:60 或 1:100 比例摆放家具、拆改墙体、测量尺寸，然后一键切换到基于 Three.js 的 3D 场景，既能鸟瞰全局，也能用第一人称漫游房间。整个应用就是一个 index.html，无需构建、无需安装，克隆下来用浏览器打开即可使用，Three.js 通过 CDN 加载。项目采用 MIT 协议开源，界面支持中文与 English 切换，方案数据保存在浏览器本地，也可以导出 PNG 图片或 JSON 方案文件。
痛点是什么
装修前想自己先摆一摆家具、看看空间效果，传统做法要么是拿纸笔手绘平面图，尺寸比例全靠估；要么是下载安装体积庞大的专业设计软件，学习成本高、还要授权费用。普通在线工具又常常只能看 2D，无法直观感受层高、采光和动线。对于只是想快速验证「沙发这样摆行不行」「墙能不能拆」的普通用户来说，门槛实在太高，改一版方案还要重新画一遍，非常折腾。
主要功能特点
floorplan-3d 把平面绘制、3D 预览和方案统计整合在一个网页里，打开即用，覆盖从摆家具到看效果再到估造价的完整流程。
2D 平面布置
拖入 60 余种家具家电，支持旋转、缩放、贴墙吸附与尺寸测量。
2D 与 3D 实时同步
一键切换 Three.js 场景，鸟瞰或第一人称漫游，改动实时同步。
墙体拆改与图层控制
可拆改非承重墙，承重墙单独标示，尺寸、房间名等图层可开关。
面积统计与造价估算
自动统计房间面积，按地面材料单价加 5% 损耗估算装修造价。
为什么值得关注
它用极简的纯前端形态，做出了接近专业软件的 2D/3D 联动体验，而且完全免费开源、可自行改户型数据。
零门槛打开即用
单个 HTML 文件，无需安装与构建，浏览器打开就能开始设计。
开源可自定义户型
MIT 协议，户型、墙体、家具库数据写在文件里，可自由替换。
方案可保存可导出
方案自动存本地，支持导出 PNG 与 JSON，方便分享与备份。
昨天，我转发了WY @akokoi1 开发的这个宝藏网站！
https://wedulab.com/
结果晚上就有一个地理老师加我微信了，想了解一下背后的技术，
他觉得这个制作在地理课上好实用
另外，WY老师一直在教育领域的教育工具深耕！干货非常多，强烈建议关注
今天再分享一个他开发的开源项目「装修模拟器」，非常有趣
代码：https://github.com/wy51ai/floorplan-3d
在线体验：https://wy51ai.github.io/floorplan-3d/
2026-10-08 11:31
🔥 发现一个神仙级的「交互式教学工具库」！