在做原型、作品集案例或产品演示时,“先把页面填满”往往比画组件更费时间:头像、姓名、地址、图片占位、列表数据、接口返回样例……下面这份清单整理了一批常用的假数据与占位内容工具,按需取用即可快速搭出真实感 UI。
免费商用(需看协议)
一键生成带头像的完整人物信息(姓名、邮箱、地址、电话等),非常适合做用户列表/个人资料页的占位数据。
免费商用(需看协议)
可自定义字段类型与分布,导出 CSV/JSON/SQL 等;适合做后台列表、报表、订单、埋点等复杂结构数据。
https://jsonplaceholder.typicode.com/
免费商用(需看协议)
直接提供 posts/comments/todos 等模拟接口,前端联调、请求状态/错误态演示、加载骨架屏验证都很方便。
免费商用(需看协议)
包含 products/users/carts 等常见业务结构,适合做商品卡片、筛选排序、分页与搜索的交互演示。
免费商用(需看协议)
用姓名首字母快速生成头像图片链接(可调颜色/尺寸/字体),非常适合“没有真人头像”的早期原型阶段。
免费商用(需看协议)
按 URL 直接生成指定尺寸与配色的占位图片,适合验证卡片比例、封面裁切、九宫格布局与响应式断点。
免费商用(需看协议)
快速拿到不同尺寸的随机图片,适合做瀑布流、封面墙、图文列表等“图片密集型”页面的占位验证。
https://www.fakenamegenerator.com/
免费商用(需看协议)
生成更“生活化”的人物信息组合(姓名、住址、电话等),适合做表单填写、地址管理与账户信息页的模拟。
免费商用(需看协议)
开发侧造数据利器:可在脚本里批量生成姓名、地址、公司、句子等,做“真分页/真筛选”的本地模拟很顺手。
免费商用(需看协议)
用可视化方式配置字段与格式,快速导出多行数据;适合不想写代码但又需要可控测试数据的场景。