ReactJavaScript工具站

MiniMock — React 工具站模板

作者 minianon

MiniMock 是一个本地优先的聊天、社交媒体和 AI 对话模拟工具，支持多平台风格与无水印导出。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

2 个预览视图

桌面端首页1 / 2

访问演示网站在新标签页打开

桌面端截图

演示站首页的真实桌面布局。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-09-27查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

本地优先处理，所有渲染在浏览器完成，不上传对话数据

支持 WhatsApp、Instagram、Discord、Telegram、Snapchat 等聊天平台模拟

覆盖社交帖子、评论区、故事、AI 对话和邮件预览

导出 PNG 无水印，支持透明背景和 iPhone 边框

界面响应式，适合移动端操作

提供实时在线演示，可直接体验

模板详细介绍

MiniMock 是一个开源的在线工具站，核心功能是生成高仿真的聊天记录、社交媒体帖子、评论区、故事、AI 对话和邮件预览。它完全在浏览器端运行，不上传任何数据，导出图片不带水印，适合需要快速制作演示素材的内容创作者、设计师和开发者。项目提供实时在线演示，可以直接体验效果，也可以作为 React 表单交互项目的界面参考。

工具覆盖的格式相当广：WhatsApp、Instagram DM、Discord、Telegram、Snapchat、Threads 等聊天平台，X、Facebook、LinkedIn、Pinterest 等社交帖子，YouTube、Reddit 等评论区，以及 Instagram 故事、ChatGPT/Claude 风格 AI 对话和邮件界面。每个平台都尽量还原真实 UI 细节，包括字体、气泡形状、间距等。高级选项支持深色模式、iPhone 边框、透明背景、iOS 状态栏自定义，以及拖拽排序消息。

需要留意的是，项目目前处于早期阶段，README 未提供详细的部署说明或生产环境配置，也没有后端服务，所有功能均在前端实现。如果你打算把它作为生产工具或二次开发基础，建议先核对许可证状态和代码成熟度，并确认是否满足你的性能与安全要求。

可直接运行在线工具表单交互

适合你的项目吗？

适用场景

内容创作者制作聊天截图或社交帖子素材
设计师快速预览 UI 概念或演示交互
营销人员准备活动宣传视觉
开发者展示聊天或社交功能原型

适合人群

需要无后端、纯前端工具站的开发者
需要高仿真聊天模拟的创作者
需要快速生成社交媒体演示图的营销人员
对隐私敏感、不愿上传数据的用户

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
克隆仓库后运行 npm install 和 npm run dev 即可启动开发服务器。
2
项目基于 React 18 和 Vite，没有后端依赖。
3
部署前请检查许可证状态和代码成熟度，并确认是否满足生产环境要求。

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

MIT许可，允许免费使用、修改、分发与商用，仅需保留版权与许可声明。

使用时需要遵守

保留原作者版权声明和 MIT 许可证声明。
保留版权声明与许可声明

额外费用与待核对事项

README未单独说明字体、图标等第三方素材授权

查看原文依据

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction
许可证原文