跳到正文
网页珍奇柜Web Curio

正在布展…

网页效果的
小众宝藏

那些藏在个人作品集、实验仓库和角落博客里的网页效果,被我们找到、拆解;开源的原作在这里原样展出,其余的由本柜从零复刻。看完喜欢哪一件,就把它变成一段能交给 AI 编程助手的实现提示词。

你正站在首件藏品里:stqfdyr 的开源作品 字符锦鲤池,按 MIT 许可证原样展出。点一下水面,鱼会游过来吃食。

镇柜之宝

三件现场运行的藏品。它们只在出现在屏幕上时才动,滚走后会自动暂停。

正在布展…

无限山水长卷

{Shan, Shui}* (shan-shui-inf),Lingdong Huang,2018

它把传统山水画的构图法则(远中近景、皴法、留白)编码成算法,又用卷轴式无限滚动呈现,堪称「数字手卷」。每一笔都是 SVG 折线,放大仍然清晰。

拆解这件藏品

正在布展…

泳池水面

WebGL Water,Evan Wallace,2011

十多年前的作品,至今仍是“浏览器能做到什么”的标杆:水面、折射、焦散、球体阴影全部实时计算。作者后来创办了 Figma,这个小 demo 像一件早期手稿。

拆解这件藏品

正在布展…

拜耳抖动背景

Three.js Bayer Dither Playground,Vsevolod Dolgopolov (zavalit),2025

把 1-bit 抖动从“滤镜”变成交互背景:形状、涟漪都只在阈值矩阵下显影,看起来像老式 Mac 屏幕在呼吸。四个页面复用一个模板,只换遮罩几何与色调。

拆解这件藏品

还有这些

看全部藏品

把鼠标移到卡片上,它就会现场运行。

按抽屉逛