OpenTiny的博客

原创 开发者福音！TinyEngine开启新篇章，服务端Java版本正式开源~

低代码引擎是一种通用的开发框架，通过对低代码平台系统常用的功能进行解构，将其划分为多个功能模块，并为每个模块定义了相应的协议和开发范式，使得开发者可以根据自身的业务需求，轻松定制开发出自己的低代码开发平台。TinyEngine 低代码引擎作为低代码平台的底座，提供可视化搭建页面等基础能力，既可以通过线上搭配组合使用，也可以通过 cli 创建个人工程进行二次开发，实时定制出自己的低代码平台。适用于多场景的低代码平台开发，如：资源编排、服务端渲染、模型驱动、移动端、大屏端、页面编排等。（欢迎star）

原创 TinyEngine 服务端正式开源啦！！！

本文介绍了 TinyEngine 低代码引擎服务端开源的核心特性、服务端架构、硬件配置、相关FAQ、未来规划等内容

原创 低代码引擎 TinyEngine 正式发布！！！

TInyEngine 低代码引擎在HC华为全联结大会正式发布，TinyEngine 提供了低代码底层能力，并集成了人工智能，从而使用户能够高效开发。

原创 前端 er 速码！TinyVue 全局动效实践指南，干货拉满

在前端开发中，动画不仅是锦上添花的“视觉糖”，更是交互体验的重要组成部分：它能引导用户关注、反馈操作结果、缓解等待焦虑、提升产品质感。同样的淡入淡出，在不同组件中表现不一致想调整动画速度，却要修改多个文件动画样式难以复用、维护困难动画定义分散、缺乏统一管理。为此，TinyVue 引入了一套全新的全局动效体系，基于LESS + CSS 变量实现集中配置与动态控制。

原创 稳定版来了！TinyVue 3.28 核心修复清单，一文看懂升不升

我们非常高兴地宣布，最近，TinyVue发布了 v3.28.0🎉,选择器组件家族全面重构- 统一架构，性能提升主题动画全局配置- 一键定制，随心所欲65+Bug 及优化修复- 稳定性大幅提升IKEYCY- 新增贡献者✨neostfox- 新增贡献者✨kagolzzcrgimmyheheDavontJames-9696gausszhou提交 Issue加入讨论查看文档下面我们一起来看看都有哪些更新吧！在:root {/* 蚂蚁线相关配置 */

原创 3年历程，这是OpenTiny的逐光之旅！

2025年，前端智能化转型的浪潮来得又快又猛，作为深耕企业级前端开源的一员，OpenTiny始终抱着“让前端开发更高效、更智能”的初心，完成了从组件生态到智能开发平台的大跨越。这一年，我们最亮眼的里程碑，就是OpenTiny NEXT前端智能化解决方案的上线，同时在技术创新、生态搭建、活动联动和影响力扩散上都交出了不错的答卷，和全球开源开发者们一起，朝着前端智能化的方向迈进。一晃三年，OpenTiny已经在开源路上走了三年。

原创 深入解析TinyPro集成TinyEngine低代码设计器

通过TinyPro 与 TinyEngine 的深度融合，我们实现了从「可视化设计」到「系统集成」的完整闭环，让不会写代码的用户也能轻松构建出高质量的前端页面。用户只需拖拽组件、填写配置、点击“出码”，插件便会自动生成符合 TinyPro 标准的代码，并完成菜单、权限、国际化等系统级配置。这一过程无需手动修改代码或后台配置，就能一键完成页面创建、接口绑定与权限分配，实现真正意义上的「低门槛、高效率、可扩展」的前端开发体验。

原创 TinyPro移动端适配方案的技术拆解

本次移动端适配要求在复杂的中后台系统中实现「一次开发，多端自适应」，既要保证样式灵活，又要维持可维护性和构建性能。

原创 开发者必看！TinyPro中后台系统后端使用Springboot上手指南~

本文由TinyPro中后台系统贡献者周泽龙原创。在长达三个月的开发下，终于TinyPro的Springboot后端版本终于要问世了，在本期内容中我将带大家一步步去搭建整个后端的流程，也将带大家去探索对于最新版本的更改应该如何实现，以及如何使用本项目进行一个二次的开发和探索。首先我们先要对于TinyPro项目进行一个整体的拉取，去到TinyPro的官方进行拉取，当我们获取到项目以后就可以进行开始今天的项目构建了。

原创 OpenTiny 2025年度贡献者榜单正式公布~

2025年OpenTiny在开源领域不断扎根，共计发布16个大版本，累计修复800+缺陷问题，新增代码916000+行，共提交2700+个commits，感谢各位贡献者！

原创 TinyPro v1.4.0 正式发布：支持 Spring Boot、移动端适配、新增卡片列表和高级表单页面

2026年1月10日，TinyPro 正式发布 v1.4.0 版本，本次发布集中在扩展后端模板、增强移动端体验以及对 NestJS 后端功能的实用增强。

原创 历时1年，TinyEditor v4.0 正式发布！

本文由体验技术团队Kagol原创。TinyEditor 是一个基于 Quill 2.0 的富文本编辑器，在 Quill 基础上扩展了丰富的模块和格式，框架无关、功能强大、开箱即用。去年1月2日，我们发布了 v3.25 版本，功能基本已经完备，之后 v3.x 版本进入了维护期，同时开启了漫长的 v4.0 版本的开发，v4.0 的核心目标是体验优化和稳定性提升，并支持多人协同编辑。在长达1年的开发和打磨后，我们荣幸地宣布正式发布！

原创 OpenTiny 开源社区2025年度盘点！

2025年，前端开发领域迎来智能化转型的浪潮，OpenTiny作为企业级前端开源解决方案的践行者，开始了从组件生态到智能开发平台的跨越式升级。这一年，我们拥抱变化，我们突破创新，我们把“智能化”写进了基因里；这一年，我们持续打磨组件库，我们持续优化低代码，我们持续完善图表、富文本、中后台管理系统等衍生项目；这一年，我们汇聚在HDC、HC大会，走过多个城市，与多位开发者进行深入交流，输出了90+技术文章，只为与大家分享前沿的“前端+AI”经验，沉淀更优质的技术产品，让前端开发更高效。

原创 博文精读：Chrome CSS 2025年回顾

本文聚焦 2025 年 Chrome 引入的核心 CSS 新特性，以特性为纲，系统梳理各功能的核心知识、实用价值，搭配完整代码示例与深度总结

原创 Vue2/Vue3 迁移头秃？Renderless 架构让组件 “无缝穿梭”

template><div></div></script>问题来了：这个组件只能在 Vue 3 中使用！如果你的项目是 Vue 2，或者你需要同时支持 Vue 2 和 Vue 3，怎么办？// 这个函数在 Vue 2 和 Vue 3 中都能工作})工作原理Vue 2：内部使用或Vue 3：直接使用 Vue 3 的你只需要写一套代码，vue-common会自动选择正确的实现...$props, // 继承通用 props提供的基础 Propstiny_mode：组件模式（pc/saas）

原创 2025年OpenTiny年度人气贡献者评选正式开始

携手共创，致敬不凡！2025年，OpenTiny持续在前端开源领域扎根，每一位开发者都是推动项目共同前行的宝贵力量。从bug修复，到技术探讨；从参与开源活动，到输出技术文章；从使用项目，到参与共建，每一步跨越，都凝聚了开发者的智慧与汗水。致敬所有在OpenTiny社区里默默付出、积极贡献、引领创新的杰出个人，我们正式启动“OpenTiny年度贡献者评选”活动！快为你喜爱的人气贡献者投票吧~

原创 TinySearchBox 综合搜索组件重磅更新：实现 Vue 2 和 Vue 3 双版本适配！

🎯Vue 2 和 Vue 3 全支持- 维护成本低，兼容性高💪Renderless 架构- 代码组织清晰，易于扩展还在等什么？赶紧试试吧！🎉# Vue 3 项目 npm install @opentiny/vue-search-box@3.27.1 # Vue 2 项目 npm install @opentiny/vue-search-box@2.27.1。

原创 2025OpenTiny星光ShowTime！年度贡献者征集启动！

携手共创，致敬不凡！2025年，OpenTiny持续在前端开源领域扎根，每一位开发者都是推动项目共同前行的宝贵力量。从bug修复，到技术探讨；从参与开源活动，到输出技术文章；从使用项目，到参与共建，每一步跨越，都凝聚了开发者的智慧与汗水。致敬所有在OpenTiny社区里默默付出、积极贡献、引领创新的杰出个人，我们正式启动“OpenTiny年度贡献者评选”活动！欢迎各位开发者踊跃报名~本次活动主要是通过开发者申报+社区评选+开发者投票形式开展，入选开发者后续可获得相应活动礼品。本次活动一共设置 4 类奖项。

原创 TinyEngine2.9版本发布：更智能，更灵活，更开放！

TinyEngine 是一款面向未来的低代码引擎底座，致力于为开发者提供高度可定制的技术基础设施——不仅支持可视化页面搭建等核心能力，更可通过 CLI 工程化方式实现深度二次开发，帮助团队快速构建专属的低代码平台。无论是资源编排、服务端渲染、模型驱动应用，还是移动端、大屏端、复杂页面编排场景，TinyEngine 都能灵活适配，成为你构建低代码体系的坚实基石。最近我们正式发布TinyEngine v2.9 版本。

原创 从千问灵光 App 看生成式 UI 技术的发展

生成式小程序与微信小程序不同，不是预先开发、静态部署的移动端应用。它是指由 AI 根据用户意图和上下文实时生成的、短暂存在的、功能完备的交互式应用。意图驱动：用户无需在复杂的菜单或界面中寻找“功能入口”，只需直接表达目标，AI 即可自动规划实现路径，并动态生成对应的小工具或应用界面。动态流式构建：小程序不再依赖预先下载的静态代码包，而是随着 AI 的“实时推理”，通过流式传输等技术将所需的界面组件，按顺序推送到前端并即时渲染。原子化能力封装。

原创 解锁新技能！TinyEngine低代码源码双向转换全攻略

本项目成功实现了Vue/React 源码↔DSL 的双向转换机制，有效解决了低代码平台“单向出码”导致的协同断层问题。通过模块化解析、健壮的错误处理与灵活的组件映射策略，确保了转换的准确性与实用性。

原创 从理论到实践：TinyEngine低代码运行时渲染全攻略

运行时渲染器用于在浏览器中直接渲染低代码 Schema，提供与“出码”并行的即时运行路径，可在设计阶段获得接近真实的交互与数据效果。在 TinyEngine 中，页面的结构、样式和交互逻辑都被描述成一份 JSON Schema。设计器负责让开发者以可视化方式编辑 Schema，而真正交付给浏览器的是由代码生成或运行时渲染出来的 Vue 应用。同一份 Schema 同时服务于设计态画布、运行时渲染器和出码结果。支持应用级配置（物料包、i18n、数据源、工具函数等）。

原创 TinyEngine 低代码实时协作技术解读 + 上手教程

在整个多人协同体系中，Yjs 与 Schema 的双向同步机制是 tiny-engine 协作的核心。正向同步（Yjs → Schema）通过observe与监听 Yjs 的数据变更，当远端协作者修改文档时，本地自动更新 Schema，从而触发界面刷新。反向同步（Schema → Yjs）通过 Vue Hook 捕获本地用户操作（如插入、删除、修改节点等），再调用封装的方法，将变更同步回 Yjs 文档。事件总线与 Meta 元数据用于解决单纯数据变更中无法还原操作意图的问题。

原创 【干货合集】拒绝空谈！AI 应用落地的硬核 tips

本文由体验技术团队成员原创。

原创 开发者必看！TinyEngine 低代码物料自动导入使用指南，快速上手不踩坑

TinyEngine 低代码物料自动导入工具的核心目标，是通过「自动化解析 + 可视化操作」的闭环设计，解决了低代码物料接入的效率瓶颈与兼容性难题。无论是 URL 爬取、NPM 解析还是源码上传，工具都力求简化全流程操作，让开发者无需关注底层协议细节与格式转换逻辑，即可快速将各类 UI 组件无缝转化为符合 TinyEngine 标准的可用物料，让低代码物料接入从繁琐的手动配置，转变为高效、省心的一站式操作。

原创 一看就会！TinySpace 布局容器组件使用指南

近期，TinyVue正式发布 v3.27.0版本，这次版本更新也增加了很多新特性，space组件就是其中比较重要的一个特性。Space组件是组件库中的一个布局容器组件，用于在子元素之间提供灵活的间距控制。它支持水平与垂直方向排列、自动换行、对齐与分布控制、以及顺序调整等功能，能帮助开发者轻松实现响应式、整齐的组件布局。场景推荐配置表单项垂直间距按钮组可换行标签集合。

原创 如何使用 TinyEditor 快速部署一个协同编辑器

TinyEditor 是一个框架无关的富文本编辑器，既可以在原生 JavaScript 项目中使用，也可以在 Vue、React 等前端框架中使用。本篇文章带来的是如何使用 TinyEditor 最新的协同编辑模块快速部署多人实时协作编辑。

原创 OpenTiny HUICharts——RankProcessChart 排名进度图上手指南

是一套功能强大的前端可视化图表库，提供丰富的图表组件、支持 Vue、React、Angular 等主流前端框架，并内置多套主题且可灵活定制，同时完全兼容 ECharts API，使开发高性能、响应式的数据可视化应用变得简单便捷。基于HUICharts开发，专门用于展示排名及流程类数据的可视化效果，能够直观呈现复杂数据关系。在使用之前，需要先完成基本的开发环境配置。RankProcessChart（排名进度图）是一个专门用于展示排名和进度数据的可视化组件。

原创 从人工到AI，源码全送！我用华为云MaaS+OpenTiny 实现商城商品智能化管理

本案例选择OpenTiny NEXT作为示例，通过CLI端直连云开发环境、借助 OpenTiny NEXT 提供的工具，将一个传统 Web 应用转变成智能应用，体验让 AI 智能体代替人操作 Web 应用。提供了一套完整的企业智能前端开发解决方案。它提供了TinyVue前端智能组件库、TinyEngine智能低代码平台、TinyRobot企业智能助手、WebAgent智能代理等解决方案。

原创 OpenTiny NEXT 亮相 GOSIM HANGZHOU2025，携手开发者共筑开源智能生态！

9 月 13–14 日，GOSIM Hangzhou 2025 在杭州隆重启幕。本次大会由 GOSIM 全球开源创新汇主办、CSDN 承办，以国际化、社区化、强互动为特色，深入聚焦开源与 AI 的前沿技术与跨界创新。OpenTiny 受邀参与 GOSIM Hangzhou 2025「智能体互联网」主题论坛并设立展位，向 1500+ 全球开发者公开展示 OpenTiny NEXT 企业级前端智能化方案。

原创 一场 MCP 生态的变革——详解 OpenTiny NEXT 逆向思维的技术创新

OpenTiny NEXT 支持将海量的企业前端应用转变为 MCP 工具，实现智能化改造，这将极大丰富 MCP 的生态。我们提供低成本、轻量化的企业应用智能化改造方案，通过运用逆向思维将 MCP Server 放在前端运行，解决了 GUI 方案存在的性能等问题。我们不仅支持 Web 应用，还通过 WebView 支持桌面应用、移动应用甚至鸿蒙应用。除 TypeScript 外，我们将陆续推出 MCP 官方支持的其他语言版本，助力企业应用低本高效智能化转型。

原创 OpenTiny NEXT 内核新生：生成式UI × MCP，重塑前端交互新范式！

近期，我们推出 OpenTiny NEXT —— OpenTiny的下一代企业级前端智能开发解决方案。这不仅是一次技术升级，更是一场用户交互范式的变革：从传统的人机交互升级成为人机交互范式和智能体交互范式的融合。

原创 【开发者体验活动】OpenTiny NEXT 前端智能化解决方案应用实践，快来体验吧~

原创 AI基础知识图谱详解

AI（Artificial Intelligence）是研究如何利用机器模拟人类智能的一门技术，简单来说就是让计算机像人类一样思考和行动，甚至超过人类的智能。能听会思：以自然语言处理技术为代表的发展路线，ChatGPT等会说会看：以计算机视觉、语言合成等技术为代码的发展路线，人脸识别等能动会做：以机器人技术为代表，仿生机器人、自动驾驶等。

原创 OpenTiny NEXT 训练营实操体验 | 四步将你的 Web 应用升级为智能应用

本实验就带大家亲自动手实操，借助 OpenTiny NEXT 提供的工具，将一个传统 Web 应用转变成智能应用，体验让 AI 智能体代替人操作 Web 应用。

原创 TinyEngine低代码引擎v2.8特性详解：AI能力就位、Docker一键起飞！

近期，我们正式推出TinyEngine v2.8 版本，希望能够给大家带来更好的使用体验，能够深度定制化的同时可以更简洁便利地配置

原创 前端性能优化工具Performance面板实战指南

本文以一个实际网页为例，详细记录了利用Performance面板对其进行性能分析的过程，重点介绍性能分析的一些操作方式及分析思路。

原创 TinyVue表格重构性能优化详解

表格作为组件库高频使用的组件，它作为承载、展示和交互数据的核心载体,每一次卡顿都可能意味着时间的浪费与耐心的消磨。然而有小伙伴反馈说，表格组件树表数据滚动场景卡顿，偶尔会出现白屏现象，甚至会出现表头和表体滚动不同步的情况。后来据了解是小伙伴的机器性能较为普通，加上表格树表大数据虚拟滚动确实存在较大的性能瓶颈，存在大量的计算与dom操作。问题在性能较好的机器上被“屏蔽”了。打开 performance 面板点击面板内右上角设置按钮在 CPU 设置选项中点击弹出下拉面板。

原创 一文解读“Performance面板”前端性能优化工具基础用法！

本文重点讨论了Performance面板的一些功能、用法。特别是针对Network面板、Main面板 以及Thread pool面板的功能，从一个HTTP请求的4个阶段的角度进行说明。

原创 把Vue Vapor扒了个精光：从这5个方面看清技术全链路！

Vue 内置的事件模式已经非常简洁且高效，通常情况下无需使用自定义事件。这个概念是原生浏览器特性的一部分，但在Vue生态中却较少提及。因此，我们在此提供一个示例来演示如何在Vue中使用它。在Vue中，事件只能向父级传播一层。若要通知祖先级元素，必须逐层传递事件，这类似于令人头痛的 “Prop Drilling”。为了解决这个问题，创建一个自定义冒泡事件是最佳方案。Demo.vue// 创建自定义事件detail: { name: "猫" },bubbles: true // 可冒泡});