layerjs.org

是什么

layerJS 是一个面向前端 UI 组合与动画的开源库。它把菜单、滑块、弹窗、Lightbox、视差、页面滑动、缩放等 UX 模式统一抽象为可交互的动画层。核心模型包括 Stage、Layer、Frame：Frame 承载内容，Layer 负责叠放和活动 Frame，Stage 像虚拟窗口承载交互。

核心能力

它最大的特点是“纯 HTML”配置：开发者通过 lj-type、lj-fit-to、lj-transition、lj-default-frame 等属性定义结构、适配和过渡，并用普通链接如 href="#f2" 触发切换。过渡支持 left、right、up、down、fade、blur、zoomin、zoomout 等，也支持特殊 Frame 如 !none、!next、!prev。状态可映射到 URL hash，并可一次触发多个 Layer 的状态变化。响应式方面提供 width、height、cover、contain、responsive 等 fitting modes，还能用 CSS 自定义属性结合 media query 改变行为。手势方面支持触摸和触控板滑动，但需要配置相邻 Frame。

生态与文档

正文说明 layerJS 无依赖，gzip 后约 30KB，可与 Angular、VueJS、React、jQuery 配合，用这些框架动态生成或修改 Frame 内容。文档入口包括 Getting started、Examples、FAQ、Wiki，并在页面中给出不少代码片段和常见问题解答，基础文档较完整。但正文未体现 npm 包、TypeScript、完整 API 参考、版本维护节奏或商业支持信息。

定价与访问

正文未提及付费计划，仅说明为 open source library，并给出 GitHub 与 KeyCDN 引入方式。支付方式无信息。中国访问情况无法仅凭正文判断；其 CDN 使用 keycdn.layerjs.org，实际可用性需实测。

优缺点与适合谁

优点是概念统一、体积小、无依赖、样式不侵入，适合交互官网、移动滑屏页、轻量 SPA、弹窗菜单和轮播等场景。缺点是抽象概念需要学习，视觉样式完全自理，现代工程化和长期维护信息不足。若项目需要复杂时间轴动画，可考虑 GSAP；若重 React 动效，可看 Framer Motion；若只做轮播，Swiper 可能更直接。