Latest HTML
最近收集的网页排在前面。当前 136 条。The newest pages are first. 136 now.
44 种图示，一页自含 HTML+SVG，还能贴合你站点的品牌色。 44 diagram types as one HTML+SVG file, brand-matched to your site.
装给编程助手的界面指南，少一点 AI 同质化。 UI guidelines for your coding agent, so fewer look-alike AI screens.
让 AI 先做几版真不一样的界面小样，你挑完它再细化。 Your AI agent mocks up genuinely different UI directions, you pick, it refines.
拖零件拼 Material 3 界面，一键写成给 AI 的提示词。 Drag Material 3 parts into screens, then copy one prompt for your AI coding tool.
一盘普通扫雷，硬塞进开场动画、全程配音和剧情电话。 Plain Minesweeper stuffed with splash screens, nonstop voice lines, and story calls.
点开就能玩雷神之锤，整套移植由一群智能体完成。 Play Quake in the browser, ported to safe Rust by a fleet of Claude Code agents.
SVG 转图、对比度、社交裁切，全在本地浏览器里完成。 SVG convert, contrast, and social crop—all local in the browser.
打几个字变成等距方块字，配色画幅随便调，导出免费商用。 Type a few words, get isometric block letters, and export them free for commercial use.
边往下滑边出数据，讲清一个人撑起全世界手机的时间。 Data appears as you scroll: how one person keeps the world's phone clocks right.
Second Reality 原样在网页里跑，还能切 CRT 扫描线。 Second Reality runs in the page as it did in 1993, CRT scanlines optional.
200 多条 AI 动效片，每条旁边都摆着做它的提示词。 200+ AI motion videos, each shown next to the prompt that made it.
挑一个会动的字符画，一个标签放进网页。 Pick an animated ASCII piece and drop it in with one tag.
在时间轴上缩放穿越，再走进画廊看真画。 Zoom through a timeline, then walk into galleries of real paintings.
打一句话铺满屏幕，链接就是整块牌子。 Type a line to fill the screen; the link is the whole sign.
一个 HTML 文件，一个种子，长出一整棵能转着看的榕树。 One HTML file and one seed grow a whole banyan you can orbit.
会写 CSS 就能写 3D：选择器加动画，编译成一个着色器。 If you can write CSS, you can write 3D: selectors and keyframes compiled to one shader.
65 个组件全用 CSS 写，一行 JS 都不用。 65 components in pure CSS, not a line of JavaScript.
一笔把沙子耙完的枯山水谜题，页面里就能试。 A one-stroke Zen-garden puzzle you can play on the page.
一百万只南瓜里认领一只，刻完让它亮着。 Claim one of a million pumpkins, carve it, leave it glowing.
往下滚，走过乔布斯做过的那些屏幕。 Scroll through the screens Steve Jobs made.
一根滑杆，在少走路和少爬坡之间挑。 One slider between shorter and flatter.
在浏览器里走进一座太空圆柱城。 Walk into a space-colony cylinder in your browser.
在浏览器里拖控件做 VB6 窗体。 Build VB6 forms in your browser.
滚动穿越到宇宙的遥远未来。 Scroll your way into the far future.
看 AI 用代码一笔笔把油画画出来。 Watch AI paint an oil painting, one coded stroke at a time.
看全球灯塔按真实节奏一起闪。 Watch the world's lighthouses blink in real rhythm.
给纯 HTML 切换不同的 CSS 主题。 Switch CSS themes for plain HTML.
在浏览器里体验拨号上网年代。 Experience dial-up-era browsing in your browser.
在浏览器里用距离场做实体建模。 Experiment with distance-field solid modeling in your browser.
用实时光线追踪探索黑洞视觉。 Explore black-hole visuals with real-time ray tracing.
用可互动的三维模型学习牙科解剖。 Explore dental anatomy with an interactive 3D model.
在浏览器里探索太阳系与小行星。 Explore the Solar System and asteroids in your browser.
用三维互动演示理解恩尼格玛机。 Understand the Enigma machine through an interactive 3D demo.
在浏览器里批量重命名本地文件。 Batch-rename local files through your browser.
一套可主题化的 React 零件，助手能直接读组件与 token。 Themeable React parts your agent can read via MCP manifests and tokens.
在浏览器里编辑矢量和像素图。 Edit vector and pixel art in your browser.
在浏览器里试跑小模型。 Try small language models in your browser.
把网页变成火柴人的破坏游乐场。 Turn a web page into a stickman destruction playground.
用互动模型探索皮肤的生物物理。 Explore skin biophysics with an interactive model.
从一行文字寻找可能使用的字体。 Identify possible fonts from a line of text.
在像素夜城里合成轻松的音乐。 Synthesize relaxed music in a pixel-art night city.
把截图做成适合分享的图或视频。 Turn screenshots into shareable images or videos.
看不同模型在小棋盘里对战。 Watch models compete on a small game board.
一键清理剪贴板链接的追踪参数。 Remove tracking parameters from clipboard links.
生成可打印的方格纸和点阵纸。 Generate printable graph and dot-grid paper.
在浏览器里生成层叠波浪背景。 Generate layered wave backgrounds in your browser.
用互动绘画探索恐龙的最后一天。 Explore the dinosaurs' last day through interactive art.
用单个 HTML 制作跨平台安装包。 Make cross-platform installers with a single HTML file.
在浏览器里实验混合字重。 Experiment with mixed font weights in your browser.
和陌生人一起看一个安静的锦鲤池。 Watch a quiet koi pond with strangers.
用参数化工具设计异径管接头。 Design pipe reducers with a parametric tool.
在浏览器里编写图形与声音。 Code graphics and sound in your browser.
用自解密 HTML 在离线环境分享密文。 Share encrypted content offline through self-decrypting HTML.
可整页粘贴的复古立体技巧，每件都是一个文件。 A museum of retro 3D tricks, each one a single file you can paste into a page.
在浏览器里把分形放大到普通精度之外。 Zoom a fractal in the browser, far past ordinary precision.
在浏览器用代码接线，从门电路搭起一台处理器。 Wire gates in the browser and build a processor up from them.
在管道里用键盘勾选行，再交给下一条命令。 Pick lines from a pipeline with the keyboard, then pass them on.
64 个纯浏览器工具，数据留在本地、不上传。 64 browser tools that keep your data on-device and never upload it.
把 Halo 3 大厅做成可逛的个人站，藏着照片和小游戏。 Walk Halo 3's lobby as a personal site, with photos and mini-games tucked in.
语言无关的 WebGPU 高亮，没见过的语言也能猜类型。 A language-agnostic WebGPU highlighter that guesses unseen languages.
在浏览器里跑的全球气候模型，大气和海洋都在。 A global climate model in the browser, atmosphere and ocean together.
系统设计阅读站，点开文档就能看架构图。 Read system-design notes and click through the architecture diagrams.
在浏览器里跑 GPT-2，并能展开注意力和概率。 Run GPT-2 in the browser and open attention and the probabilities.
粘贴 GeoJSON，校验过再画上地图，全程不上传。 Paste GeoJSON, validate it, and draw the map without uploading.
读当年的标题，按营收给公司排成金、银、铜。 Read the year's headlines and rank companies by revenue.
在浏览器里调跑马灯和字幕，再导出或嵌进网页。 Tune a ticker or credits line in the browser, then export or embed it.
在画板上写数字，让浏览器里的脉冲网络来认。 Draw a digit and let an in-browser spiking network classify it.
在浏览器里看程序化生成的矿物宝石。 Procedurally generated mineral gems you can explore in the browser.
在浏览器里砸预制网页；砸任意网页需要扩展。 Smash ready-made pages in the browser; any page needs the extension.
把绿幕视频或图片拖进网页，在本地抠掉背景。 Drop a green-screen clip or image in the page and key it locally.
在浏览器里做报纸风的文字转场，还能导出动图。 Make newspaper-style text cuts in the browser and export a GIF.
在画布上改邮件和网页，源码仍然留在你手里。 Edit emails and pages on a canvas while the source stays yours.
把界面和本地数据库打成一个文件，像文档一样分享。 Pack a UI and a local database into one file you can share.
代码块自己渲染成预览，改字的时候页面跟着变。 A code block that renders itself, and updates as you edit.
粗野主义的 React 组件站，文档和演示不用登录。 A public site of neobrutalist React components you can browse without signing in.
免费儿童体感小游戏，摄像头画面留在本机。 Free webcam movement games for kids, with the camera staying on the device.
公开的 React 动画组件站，可以按需单个复制。 A public site of animated React components you can copy one by one.
MIT 的 React 动画组件，按分类预览后直接复制。 MIT React animations you preview by category, then copy the code.
偏落地页的 React 动画组件，复制后就能接进页面。 Landing-page React animations you copy and drop into a page.
走进可漫游的房间，把能跑的源码当展品看。 Walk through rooms where runnable source code hangs as the exhibits.
在立体场景里走一遍 Redis 内部是怎么工作的。 Walk through how Redis works, as an interactive scene in the browser.
看清一张网页在要权限之前，能从浏览器知道什么。 See what one page can learn about you before it asks for permission.
给 AI 用的零构建 CSS 组件库，带目录和校验。 A zero-build CSS kit for AI, with a catalog and a way to check the UI.
一条链接就能拼落地页的样式库，不用框架。 A CSS landing kit from one link, with no framework and no build.
把声音叠在摄像头画面上，在浏览器里看见它。 See sound drawn over your webcam, right in the browser.
可检索的人体小怪癖百科，吓人的往往也正常。 A searchable guide to odd bodily quirks, including the scary-but-normal ones.
把光速降到步行，在公园里看见相对论。 Set the speed of light to a walking pace and watch relativity in a park.
画一个轮子，立刻看到它无滑滚动时的路面。 Draw a wheel and instantly see the road it rolls along without slipping.
把 shadcn 的样子做成纯 HTML 和 CSS，不靠框架。 shadcn-style pieces in plain HTML and CSS, with no JavaScript framework.
纯 HTML 和 CSS 做出可交互的立体掌机壳体。 An interactive 3D handheld shell built in HTML and CSS.
浏览器里按类名即时生成原子 CSS，不用构建。 Atomic CSS generated in the browser as classes appear, with no build step.
用钢笔素描翻看拓扑曲面，在浏览器里就能读。 Turn the pages of a pen-and-ink book of topology surfaces in the browser.
在浏览器里翻生命树，用性状滑块筛出类群。 Browse a tree of life in the browser and filter groups with trait sliders.
落地页和动态背景的文案库，首页可以免费看样本。 A library of landing and background lines, with free samples on the homepage.
雨夜里拉下闸，听浏览器实时合成的民防警报。 Pull the breaker on a rainy night and hear a siren synthesized in the browser.
深色单页模板，免构建就能部署。 A dark one-page template you can deploy with no build step.
在本地生成纹理和故障滤镜，再导出图片。 Generate textures and glitch filters locally, then export the image.
共享一盏光的 CSS，阴影和表面跟着光向走。 Physically based CSS where shadows and surfaces follow one shared light.
用鼠标当激光在浏览器里涂鸦，也能接到墙上。 Draw laser graffiti in the browser with your mouse, or aim a real pointer at a wall.
免费的图像文案画廊，按广告、海报和人像分类。 A free gallery of image lines, sorted into ads, posters, and portraits.
从真实产品站抽出的设计说明，编程助手可以直接读。 Design notes pulled from real product sites, ready for a coding agent to read.
一整套自带密钥的应用脚手架，塞在一个文件里。 A whole bring-your-own-key app scaffold, packed into one file.
在没有方格的棋盘上下围棋，浏览器里就能开局。 Play Go on a board with no grid, right in the browser.
对任意网址抽出设计系统，交给编程助手用。 Point it at any URL and pull a design system your coding agent can use.
下册讲网格、图文关系和画面里信息有多密。 Grids, type-and-image relations, and how dense a poster should be.
复古手机应用的目录，格子里带着视频预览。 A directory of retro phone apps, each tile with a video preview.
海报构图上册：用构图管焦点、平衡和视线怎么走。 Poster layouts that steer focus, balance, and where the eye travels.
在浏览器里跑指纹探针，看自己有多好认。 Run fingerprint probes in the browser and see how identifiable you are.
一整台 techno 机写在一个 HTML 文件里，打开即玩。 A modular techno machine in one HTML file that plays in the browser.
把语义页面收成九十年代末的银行后台。 Restyle a semantic page as a late-nineties bank back office.
现成的落地页文案，复制就能交给编程助手。 Ready-made landing-page lines you can paste into a coding agent.
同一张活动海报反复改风格，躲开千篇一律的默认样子。 Restyle one event poster so it stops looking like the default.
不用 WebGL 的 CSS 立体引擎，每个面都能点。 A CSS 3D engine without WebGL, where every polygon is a clickable element.
单文件演示稿编辑器，改完就写回原来的文件。 A single-file slide editor: change it in the browser and save the same file.
本机优先的设计桌面应用，用你已有的编程助手出稿。 A local-first desktop app that turns your coding agent into a design studio.
给 Agent 的一次性互动页，点开链接就能操作。 Ephemeral pages an agent can hand you: open the link, act, and send the result back.
给编程助手装上设计品味，先读简报再动手。 Skills that give a coding agent design taste, starting from the brief.
自动给样式变量做出滑杆，改值页面立刻变。 Builds sliders for style variables, and the page updates as you move them.
封面、定价和仪表盘的完整页面，拿来就能改。 Full pages for a cover, pricing, and a dashboard, ready to adapt.
用滚动驱动的演示：进度、封面和堆叠卡片。 Scroll-driven demos for reading progress, cover flow, and stacked cards.
每天一词，规则像 Wordle，但猜中隐藏词就输。 A daily word game with Wordle's rules, except guessing the hidden word loses.
调高度和光线，然后复制阴影变量。 Tune height and light, then copy the shadow variables.
颜色、阴影和动效的变量，可以直接引进普通页面。 Color, shadow, and motion variables you can drop into a plain page.
用自定义元素把按钮和表单插进页面。 Drop buttons and forms into a page as custom elements.
几乎不用类名，直接把原生表单和按钮变好看。 Styles native forms and buttons with almost no class names.
在浏览器里压缩图片，原图不上传。 Compress an image in the browser, and the original never uploads.
用扩展的样式语法画网格和动画，文档页就是现场。 Draw grids and motion with an extended style syntax; the docs are the live demo.
配着文档的可运行 CSS 示例，打开就能看。 Runnable CSS examples that accompany the docs, each on its own page.
用浇水闯关来学网格布局。 Learn grid layout as a game of watering a garden.
写 Flexbox 把青蛙放到荷叶上，用闯关来学。 Learn Flexbox as a game: write the properties that land frogs on lily pads.
拖点生成裁剪路径，再把样式复制走。 Drag points to draw a clip shape, then copy the style.
每幅画只用一个 div，看纯 CSS 能画到哪。 Each picture uses a single div, showing how far pure CSS can draw.
免费的响应式 HTML 模板，下载就能改。 Free responsive HTML templates you can download and adapt.
打开就能预览的 CSS 动画库，加上类名即用。 A CSS animation library you can preview, then drop in with a class name.
一墙可在浏览器里跑的立体示例，点进去能看源码。 A wall of 3D demos you can run in the browser and open to read the source.
同一份 HTML，换一张样式表就变成另一座花园。 The same HTML, restyled by other stylesheets into a different page.
