我用 HTML 复刻了 QQ2006

mengkun 1.2K 15

这是一个使用 HTML + CSS + JavaScript 实现的 QQ2006 像素级复刻项目,重现了80/90后网友的青春记忆——那个伴随我们成长的经典QQ界面!

从登录框的珊瑚蓝渐变,到主面板的好友头像,再到聊天窗口的功能图标,所有素材全部从原版QQ2006安装包提取,力求还原最原始的体验

我用 HTML 复刻了 QQ2006

演示地址:https://lab.ur1.fun/QQ2006/
开源地址:https://github.com/mengkunsoft/QQ2006

为什么做这个?

20年前的 QQ2006,是很多80/90后的数字故乡。那时我们还说着“GG/MM”,攒钱买Q秀,为太阳等级熬夜挂机……这个项目不只是UI复刻,更是一次怀旧疗愈。

未来计划

- 增加更多交互逻辑,实现基础聊天功能模拟
- 复刻更多子功能界面,如菜单面板、视频聊天界面等

注意事项

- 仅供学习交流,请勿用于商业用途
- 尊重版权,所有素材均来自原版 QQ2006 安装包,版权归腾讯公司所有

贡献指南

如果你对这个项目感兴趣,想一起打造更完整的 QQ2006 复刻版,欢迎提交 PR 或 Issue。让我们一起为这段数字记忆添砖加瓦!

开源许可

你可以自由地分享和修改代码,但请保留出处。


让我们一同重温那段青涩时光,用代码致敬经典!

发表评论 取消回复
表情 图片 链接 代码

  1. 明奇
    明奇 Lv 1

    在参考MT论坛帖子基础上,把大佬开源代码加上了双模型切换,回复信息点击语音朗读等,截图地址如下
    https://tieba.baidu.com/p/10473153929?share=9105&fr=sharewise&see_lz=0&share_from=post&sfc=copy&client_type=2&client_version=12.32.3.0&st=1770657177&is_video=false&unique=2806F70AE5DD76A5B28A0D5429DEB9D1

  2. 阿珏
    阿珏 Lv 3

    创意太棒了,很有感觉.
    在把交互完善一下,或者添加上真实的社交功能
    我之前也写了一个Mac界面的模板 https://github.com/iAJue/MacWeb

    • mengkun
      mengkun 站长

      @阿珏漂亮!很优雅[aru_53]

      我这个已经有人魔改加入了 AI 对话,我之前设想的是加一个后端做成公共的在线聊天室,或者更进一步,接入现在的 QQ 协议,就是真正的复活了。不过最后懒得搞了~

  3. 老黑搞机
    老黑搞机 Lv 1

    当deepseek变成你2006年的QQ好友,又有啥好玩的对话呢,重现了80/90后网友的青春记忆,这个项目不只是UI复刻,更是一次怀旧疗愈 https://www.bilibili.com/video/BV1a1FGzgEiu/

  4. 老黑搞机
    老黑搞机 Lv 1

    要是能多更新点功能界面就好了

  5. 稻草人
    稻草人 Lv 1

    这不大模型时代吗 何不添加大模型接口 配置几个好友就能对话了 要是谁还有当年的聊天记录直接导入模型训练一下进去不就活了?

  6. 老黑搞机
    老黑搞机 Lv 1

    20年弹指一挥间,怀念我们逝去的青春。。优化版http://skm.admin49.top,可以真实聊天,带deepseek的AI聊天

  7. 桃子味
    桃子味 Lv 1

    我用了52pojie的修改版带AI https://tool.taoziwei.com/Tools/QQ/

  8. 橘长
    橘长 Lv 1

    我从52pojie过来的,这个界面一下把我带回第一次去网吧的年代

  9. 除夕
    除夕 Lv 2

    [aru_2] 哦呦

  10. 欧壳
    欧壳 Lv 1

    终于想起更新博客了

  11. 完美者
    完美者 Lv 5

    说明确实老了,老了才总有回忆

    • mengkun
      mengkun 站长

      @完美者哟,稀客!翻了下,上一条留言在 5 年前[aru_75]

  12. 威言威语

    好有意思,都20年了

分享