一、幼小衔接(5-7 岁)
目标:识字、拼音、数感、专注力。这一档我优先挑「纯前端 / 单页 / 能存进度」的,你在手机上直接能用,也最容易二次改造。
听音识字闯关 + 笔顺书写练习 + 加减法(可设 10/100 以内)+ 小学 1-6 年级古诗词朗读(带拼音、注释、译文)。1200+ 汉字,护眼模式,顶部标题点 10 次可进家长进度设置。
index.html 就能跑,资源全离线。你要给亲戚家孩子用,这个可以直接交付。23 声母 / 24 韵母 / 16 整体认读音节全覆盖,四声交互练习 + 声调手势图 + 顺口溜。作者是语文老师,专门解决了「b 被系统 TTS 读成英文 bee」的痛点。
3000 常用字按频率 + 笔画复杂度分三级。家长点「认识/不认识」,自动记录掌握率、生成待巩固清单,可导出 CSV 打印。识对触发撒花动画。
原本给孤独症儿童做干预训练的,但通用性很强:舒尔特方格、西蒙说、找星星、位置/顺序/瞬时记忆、对对碰、左右手辨识。每个游戏一个独立 HTML。
成语猜词(按声母/韵母/声调给绿橙灰反馈,猜四字成语)+ 舒尔特方格(3×3 到 8×8,含奇数/偶数变体)。新中式视觉,磨砂玻璃卡片。
Math Drop:算式从天而降,落地前来得及解开就赢。Pre-K 到 5 年级,每级 10 关,从 1+2 到 144÷12。index.html + style.css + game.js,就三个文件。
二、初中(12-15 岁)
目标:知识点深化 + 课外拓展。初中这块「课内深化」类项目反而稀缺——大部分好项目都是「工具/可视化」,所以我把理科可视化放前面,它们是真正的知识扩展入口。
直接从人教版小学到高中数学/物理/化学/生物教材 PDF 里抽出的知识图谱:10,685 个节点、23,278 条边。7 类节点(概念/技能/实验/习题/节/章/书),9 类关系(先修/验证/考查/归属…)。
古诗文背诵默写平台。输入时实时比对、错字标红;自动填充标点(让你专注写字);生僻字提示(可限次数);按标题/作者/诗句搜索;限时挑战模拟考试;完成后出正确率报告并精准定位错字。
「全遮盖 / 提示首字 / 随机按比例挖空」多种策略,自动分词且挖空保留标点(维持句读节奏)。悬停可临时偷看答案。支持正文划词标记(红字/绿字/下划线/高亮)强调易错字,全部本地 JSON 保存。
打印样式适配 A4,可以直接导出纯净默写纸给家长打印。艾宾浩斯遗忘曲线自动排复习,多种模式(选择题/拼写/同义词)。支持 CSV / TXT / Excel 三种词书导入,字段含音标、词性、释义、例句、词根词缀。数据全在 localStorage,PWA 可装成 App 离线用。
用「词源意境」拆词:前缀 + 词根 + 后缀,每个词缀配专属 SVG 图形做视觉联想。交互式 3D 翻转卡、听音拼写、听力磨耳朵、无图自测。GitHub 风格学习热力图 + 成就徽章。可粘贴英文文本自动用 Web Worker 提取生词。
用 Web Worker 后台提生词,粘贴一篇英文文章就自动生成卡片组——这个功能对初中阅读拓展很实用。中学数学题库系统。题目带难度 + 知识点双标注,知识点关系(先修/依赖)导入 Neo4j 可视化。上传试卷图片自动解析,LLM 严格批改,错题按「计算/审题/逻辑/方法/知识点」归类,再用 FAISS 检索相似题推荐。
40+ 个浏览器内 3D 实验,覆盖物理(单摆、抛体、双缝干涉、多普勒、欧姆定律…)、化学(原子结构、化学键、电解、酸碱滴定、气体定律、分子扩散…)、生物(细胞、DNA 复制、光合、呼吸、免疫…)、数学(傅里叶、斐波那契、分形、概率分布…)。
sciencelab3d 是 Next.js 15 重版(需 npm),另有 rudra496/science 是纯 HTML/CSS/JS 三文件版,想省事就用后者。三、通用工具 / 基础库(两个学段都能用)
这一档不是成品,是「你造东西时要用的零件」。真正决定你能做出什么的,往往是这一档。
抽认卡鼻祖。根据你每次回答的「忘了/困难/良好/轻松」预测遗忘时间点,只在快忘的时候推给你。支持图片、音频、视频、LaTeX 公式。AnkiWeb 上有海量现成牌组,几乎覆盖所有学科和考试。
纯 JS 交互式数学可视化库,无需服务端。欧氏/射影几何、2D/3D、曲线曲面、向量场、隐函数曲线、微分方程、统计图表、动画、评估。SVG 或 canvas 渲染,支持多点和触屏。
基于 JSXGraph 封装的成品应用:拖拽几何元素、函数绘图、参数方程、LaTeX 公式编辑器(MathLive)、正态/指数/泊松分布、可拖拽柱状图与饼图、撤销重做、多画布、动画演示。
抛物线/圆/椭圆/双曲线四种,实时参数滑块(a/b/h/k),同步显示顶点、焦点、准线、中心,并配 Three.js 双圆锥 3D 动画演示「截面如何切出圆锥曲线」,平面位置随所选题型自动调整。
一个纯链接合集,把数学概念都做成了可交互的 Desmos/GeoGebra 图:三角函数与单位圆、向量加法/点积/齐次坐标、Bezier/Hermite/Catmull-Rom 曲线、曲率与密切圆、复数运算、波动与偏振……
118 元素全。每个元素含物理/化学性质、电子排布、历史数据;玻尔模型可视化、3D 晶体结构、电子排布填充图。可按属性做热图看周期律趋势(电负性、原子半径…),可切换配色方案、开关元素名/质量/电子排布。
三个目录的题库:normal 挖空题库、comprehensions 理解性默写题库、universal 综合题库。来源于群友搜集 + 百度百科/维基文库。
用打字来记东西:单词记忆(CET-4/6、雅思词库)、古诗背诵、自定义 TXT 导入默写。按 Tab 看提示,记录进度可导出。Rust + Tauri 写的,跨平台,数据不上传。
挑项目时的几个提醒
- 「手机能跑」看两个信号:① 有没有
viewportmeta 标签 ② 是不是纯静态(无后端)。上面 P1 那批基本都满足,直接python -m http.server起个服务,手机连同一 WiFi 就能开。 - 我筛掉了一堆看着很美的项目:很多搜索结果指向的是
github.es/ithub.global/patch-diff.githubusercontent.com这类镜像站——那说明原仓库可能已删或改私有。上面的链接我都尽量给了github.com/原路径。 - 模型生成的仓库要当心:现在 GitHub 上一大批中文教育项目是 AI 一次性生成的(README 排场很大、commit 只有 1 次、没有运行截图)。上面 P1/P2 的都是有人真的在用、多次提交过的。
- 你最容易出成果的三个组合:
① hanzi-study 改造成你家孩子专属的字词库(换数据即可)
② K12-KGraph + JSXGraph 做「先修链路 + 图形会动」的初中理科复习工具
③ autism-game 的文件结构 + OneGame 的 Wordle 式猜词机制,做一个自己的学科小游戏合集