AI UP LAB面向任务的 AI 实践资源AI resources for real tasks
收藏Saved
更多More
StarStar

按类型浏览Browse by type / demo demo

demo

demo demo

该类型下收录的公开 HTML 页面。 当前 37 条。 Public HTML pages listed under this type. 37 items now.

全部类型All types HTML 总览HTML overview
工具页 Tool demo demo

SVG Spark：浏览器里的 10 个本地小工具（SVG 转图、对比度、社交图裁切…） SVG Spark: 10 client-side tools (SVG convert, contrast, social crop, and more)

SVG 转图、对比度、社交裁切，全在本地浏览器里完成。 SVG convert, contrast, and social crop—all local in the browser.

svg · design
游戏/互动 Game / interactive demo demo

demoscene-recomp：把 90 年代 DOS 经典演示片逐条指令重编译，直接在浏览器里跑 demoscene-recomp: classic 1990s DOS demos recompiled instruction by instruction to run in the browser

Second Reality 原样在网页里跑，还能切 CRT 扫描线。 Second Reality runs in the page as it did in 1993, CRT scanlines optional.

demoscene · webassembly
游戏/互动 Game / interactive demo demo

A Walkable History of Art：从维基百科搭出来的 3D 艺术史博物馆 A Walkable History of Art: a 3D art-history museum built from Wikipedia

在时间轴上缩放穿越，再走进画廊看真画。 Zoom through a timeline, then walk into galleries of real paintings.

threejs · 3d
游戏/互动 Game / interactive demo demo

Banyan：一个 HTML 文件里长出的程序化榕树 Banyan: a procedural banyan tree grown in one HTML file

一个 HTML 文件，一个种子，长出一整棵能转着看的榕树。 One HTML file and one seed grow a whole banyan you can orbit.

three.js · single-file-html
游戏/互动 Game / interactive demo demo

Island Three：在浏览器里走进一座 O’Neill 太空圆柱城 Island Three: walk around an O’Neill cylinder in the browser

在浏览器里走进一座太空圆柱城。 Walk into a space-colony cylinder in your browser.

3d · webgl
游戏/互动 Game / interactive 工具页 Tool

VB6 Studio Web：浏览器里的经典 Visual Basic 6 IDE VB6 Studio Web: the classic Visual Basic 6 IDE in your browser

在浏览器里拖控件做 VB6 窗体。 Build VB6 forms in your browser.

vb6 · ide
游戏/互动 Game / interactive demo demo

Lighthouses of the World：全球灯塔按真实闪光节奏亮起的地球 Lighthouses of the World: every charted light on a globe, blinking on its real cycle

看全球灯塔按真实节奏一起闪。 Watch the world's lighthouses blink in real rhythm.

globe · webgl
demo demo 工具页 Tool

Wave：Three.js 着色器层叠波浪渐变背景生成器 Wave: Three.js shader layered wave-gradient background generator

在浏览器里生成层叠波浪背景。 Generate layered wave backgrounds in your browser.

three.js · shader
demo demo 工具页 Tool

Dental Scope：免费可互动的三维牙科解剖 Dental Scope: free interactive 3D dental anatomy

用可互动的三维模型学习牙科解剖。 Explore dental anatomy with an interactive 3D model.

dental · anatomy
demo demo 游戏/互动 Game / interactive

56k.rip：浏览器里重演 1996 拨号上网 56k.rip: the 1996 dial-up internet experience in a browser

在浏览器里体验拨号上网年代。 Experience dial-up-era browsing in your browser.

retro · dial-up
工具页 Tool demo demo

Halfspace：浏览器里用距离场做实体建模的实验 IDE Halfspace: experimental browser IDE for solid modeling with distance fields

在浏览器里用距离场做实体建模。 Experiment with distance-field solid modeling in your browser.

sdf · cad
demo demo 游戏/互动 Game / interactive

黑洞实时光线追踪：广义相对论测地线可视化 Real-time black hole raytracer along GR geodesics

用实时光线追踪探索黑洞视觉。 Explore black-hole visuals with real-time ray tracing.

blackhole · raytracing
demo demo 工具页 Tool

Space Now：实时太阳系 + 52 万小行星与在轨卫星 Space Now: real-time Solar System with 526k asteroids and tracked satellites

在浏览器里探索太阳系与小行星。 Explore the Solar System and asteroids in your browser.

space · threejs
demo demo

Enigma.design：可互动的三维恩尼格玛机教学页 Enigma.design: an interactive 3D Enigma machine lesson

用三维互动演示理解恩尼格玛机。 Understand the Enigma machine through an interactive 3D demo.

enigma · 3d
工具页 Tool demo demo

MicroLLM Lab：浏览器里跑 / 测 7 个小模型 MicroLLM Lab: run and benchmark 7 tiny LLMs in the browser

在浏览器里试跑小模型。 Try small language models in your browser.

webgpu · llm
game game 游戏/互动 Game / interactive

Destroy Any Website：用火柴人把任意网页打成碎片 Destroy Any Website: smash any page with a stickman

把网页变成火柴人的破坏游乐场。 Turn a web page into a stickman destruction playground.

game · interactive
demo demo 游戏/互动 Game / interactive

SkinLab：皮肤科医生做的浏览器 WebGL 皮肤生物物理模型 SkinLab: a dermatologist’s browser WebGL biophysical skin model

用互动模型探索皮肤的生物物理。 Explore skin biophysics with an interactive model.

webgl · threejs
demo demo 工具页 Tool

Lofi Cities：像素夜城 + 浏览器里现场合成的 lofi Lofi Cities: pixel night cities with lofi composed live in the browser

在像素夜城里合成轻松的音乐。 Synthesize relaxed music in a pixel-art night city.

lofi · pixel-art
demo demo

Tiny AI Arena：看四个模型在 8×8 格子里对打 Tiny AI Arena: watch four models fight on an 8×8 grid

看不同模型在小棋盘里对战。 Watch models compete on a small game board.

ai · arena
游戏/互动 Game / interactive demo demo

koi.rest：和陌生人一起看锦鲤的安静池塘 koi.rest: a quiet shared koi pond

和陌生人一起看一个安静的锦鲤池。 Watch a quiet koi pond with strangers.

koi · canvas
demo demo 游戏/互动 Game / interactive

3d-retro：CC0 可整页粘贴的复古 3D 技巧博物馆 3d-retro: CC0 museum of retro 3D tricks you can paste into a page

可整页粘贴的复古立体技巧，每件都是一个文件。 A museum of retro 3D tricks, each one a single file you can paste into a page.

webgl · canvas
游戏/互动 Game / interactive demo demo

Simten NAND：在浏览器用 TypeScript 从门电路搭 CPU Simten NAND: build a CPU from gates in TypeScript in the browser

在浏览器用代码接线，从门电路搭起一台处理器。 Wire gates in the browser and build a processor up from them.

typescript · hdl
工具页 Tool demo demo

Green Screen Remover：浏览器里抠绿幕（视频/图片） Green Screen Remover: in-browser chroma key for video & image

把绿幕视频或图片拖进网页，在本地抠掉背景。 Drop a green-screen clip or image in the page and key it locally.

chroma-key · green-screen
工具页 Tool demo demo

Visual HTML：保源码的 AI HTML 可视化编辑器 Visual HTML: source-preserving WYSIWYG for AI-generated HTML

在画布上改邮件和网页，源码仍然留在你手里。 Edit emails and pages on a canvas while the source stays yours.

wysiwyg · html-editor
工具页 Tool demo demo

Paper Effects：浏览器里的报纸/杂志文字 Match Cut Paper Effects: in-browser newspaper/magazine text match cuts

在浏览器里做报纸风的文字转场，还能导出动图。 Make newspaper-style text cuts in the browser and export a GIF.

canvas · match-cut
工具页 Tool demo demo

Capsule：单文件 Web 应用（UI + SQLite 打包分享） Capsule: single-file web apps (UI + SQLite, share like a doc)

把界面和本地数据库打成一个文件，像文档一样分享。 Pack a UI and a local database into one file you can share.

single-file · sqlite
demo demo 游戏/互动 Game / interactive

Redis City：浏览器里的 Redis 内部 3D 互动图 Redis City: interactive 3D map of how Redis works

在立体场景里走一遍 Redis 内部是怎么工作的。 Walk through how Redis works, as an interactive scene in the browser.

redis · 3d
组件 Component 文档站 Docs

code-preview-element：可编辑的自渲染代码块 code-preview-element: a code block that renders itself

代码块自己渲染成预览，改字的时候页面跟着变。 A code block that renders itself, and updates as you edit.

web-components · docs
游戏/互动 Game / interactive demo demo

Soundmap：摄像头上的「声音相机」 Soundmap: a sound camera on your webcam

把声音叠在摄像头画面上，在浏览器里看见它。 See sound drawn over your webcam, right in the browser.

webcam · audio
游戏/互动 Game / interactive demo demo

Hopla Games：浏览器里的儿童体感游戏（无 Kinect） Hopla Games: Kinect-style kids games in the browser

免费儿童体感小游戏，摄像头画面留在本机。 Free webcam movement games for kids, with the camera staying on the device.

webcam · kids
游戏/互动 Game / interactive demo demo

NissyGirl：纯 HTML/CSS 的 3D 掌机演示 NissyGirl: a 3D handheld console rendered in HTML/CSS

纯 HTML 和 CSS 做出可交互的立体掌机壳体。 An interactive 3D handheld shell built in HTML and CSS.

html · css
游戏/互动 Game / interactive demo demo

Topological Picture Book：钢笔拓扑曲面 Topological Picture Book: pen-and-ink topology surfaces

用钢笔素描翻看拓扑曲面，在浏览器里就能读。 Turn the pages of a pen-and-ink book of topology surfaces in the browser.

topology · illustration
游戏/互动 Game / interactive demo demo

Laser Graffiti：浏览器激光涂鸦 Laser Graffiti: draw on walls in the browser

用鼠标当激光在浏览器里涂鸦，也能接到墙上。 Draw laser graffiti in the browser with your mouse, or aim a real pointer at a wall.

canvas · interactive
游戏/互动 Game / interactive demo demo

Sirenfall：浏览器民防警报场景 Sirenfall: a browser civil-defense siren scene

雨夜里拉下闸，听浏览器实时合成的民防警报。 Pull the breaker on a rainy night and hear a siren synthesized in the browser.

web-audio · interactive
工具页 Tool demo demo

HTML Presentation Editor：单文件自编辑演示稿 HTML Presentation Editor: self-editing single-file slides

单文件演示稿编辑器，改完就写回原来的文件。 A single-file slide editor: change it in the browser and save the same file.

single-file · slides
demo demo 游戏/互动 Game / interactive

Ptree：可交互生命树 Ptree: interactive tree of life

在浏览器里翻生命树，用性状滑块筛出类群。 Browse a tree of life in the browser and filter groups with trait sliders.

phylogeny · interactive
工具页 Tool demo demo

Scrolling Text Generator：浏览器跑马灯/字幕导出 Scrolling Text Generator: browser marquee, ticker, and credits export

在浏览器里调跑马灯和字幕，再导出或嵌进网页。 Tune a ticker or credits line in the browser, then export or embed it.

marquee · ticker