爱意满满的作品展示区。
mengkun

「怀旧向」用 HTML+CSS 像素级复刻 QQ2006 经典界面

  •  
  •   mengkun · Jan 17 · 3643 views
    This topic created in 289 days ago, the information mentioned may be changed or developed.

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

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

    预览图

    演示地址: https://lab.ur1.fun/QQ2006/

    开源地址: https://github.com/mengkunsoft/QQ2006

    🎯 为什么做这个?

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

    好吧,其实纯为了怀旧&好玩,要说有什么用,还真没什么用……

    本项目代码全是业余时间手搓,没有用到 AI ,断断续续做了两周。

    🌟 未来计划

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

    ⚠️ 注意事项

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

    🤝 贡献指南

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

    📜 开源许可

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


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

    20 replies  •  2026-01-19 13:45:42 +08:00
    kalman03
    kalman03
    Jan 17❤️1
    1
    火钳刘明啦,不错
    Natsumoku
    Natsumoku
    Jan 18❤️1
    2
    支持!以及……从某种角度上说我和楼主算是同道中人?楼主做的是模拟 QQ ,而我做的是……这个模拟当时发短信的游戏: https://store.steampowered.com/app/3231040/_/?l=schinese
    试玩已经开放下载了,欢迎体验&加愿望单。
    codehz
    codehz
    Jan 18
    3
    @Natsumoku 你这个屏幕分辨率太高了,建议加点像素化然后上一个 LCD 模拟的 shader ,然后 UI 布局也过于现代化
    v1
    v1
    Jan 18
    4
    有没有大神研究下 QQ2006 的协议,做个后端出来~ 有时候也不是一定要吃屎,可以变废为宝,内网用用
    Amyang
    Amyang
    Jan 18
    5
    qq 宠物和农场有没有
    craftsmanship
    craftsmanship
    Jan 18 via Android
    6
    纯手工好评…只不过 readme 像 AI 写的
    dianso
    dianso
    Jan 18
    7
    前端时间见一个女程序员从 archive.org 找到旧版 QQ 秀资源,用前端复刻了,github 上有,也是怀念。
    xmlf
    xmlf
    Jan 18 via Android
    8
    @v1 以前有个校内通是差不多的,有客户端和自部署服务端。当年我在大学里部署了一套
    zenfsharp
    zenfsharp
    Jan 18
    9
    二十年了!
    bkmi
    bkmi
    Jan 18 via Android
    10
    真不错,可以直接给那些拍电影电视的用了
    mengkun
    mengkun
    OP
    Jan 18
    11
    @v1 我做的时候也想过这个,刚好 QQ2006 是可以直接修改服务器地址的,完全可以做个私服实现真正的复活。奈何不会逆向,年代太久远网上关于 QQ2006 协议的分析也比较少,放弃了~
    mengkun
    mengkun
    OP
    Jan 18
    12
    @craftsmanship 很准,README 确实是 AI 风味的,哈哈~
    mengkun
    mengkun
    OP
    Jan 18
    13
    @Natsumoku 大佬太牛了!期待正式版
    mengkun
    mengkun
    OP
    Jan 18
    14
    @Amyang QQ 农场好像腾讯官方要复刻回归了
    niubiman
    niubiman
    Jan 18
    15
    字体必须要仿宋体啊,不然没有灵魂
    niubiman
    niubiman
    Jan 18
    16
    @niubiman 额,我看到截图是,但是浏览器打开是 ios 默认字体
    xiaomoxian
    xiaomoxian
    Jan 19 via Android
    17
    怎么不能聊天
    xiaomoxian
    xiaomoxian
    Jan 19 via Android
    18
    @dianso 有地址不
    dianso
    dianso
    Jan 19
    19
    @xiaomoxian #18 github 能搜到
    mengkun
    mengkun
    OP
    Jan 19
    20
    @niubiman 用的宋体,没嵌入字体。IOS 没宋体所以会显示成默认字体
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2975 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 43ms · UTC 11:55 · PVG 19:55 · LAX 03:55 · JFK 06:55
    ♥ Do have faith in what you're doing.