登录社区云，与社区用户共同成长
邀请您加入社区
主流组件库在uni-app生态中各有特点和使用场景。uViewUI因其全端兼容、功能全面和活跃的社区支持，成为中大型项目的首选，尤其在电商和社交领域表现突出。uni-ui由DCloud官方维护，性能优化和多端适配性优异，适合企业级内部系统和高频交互场景。ColorUI以简洁美观和低学习成本著称，适合个人开发者和轻量级项目。NutUI-UniApp针对电商场景优化，适合电商类应用。VantWeapp
该架构采用无渲染组件模式，其中业务逻辑独立于渲染逻辑存在，并结合虚拟模块解析，通过统一的导入路径提供特定于框架的 API。
前端开源星球。TinyVue 中的无渲染组件架构代表了一种精密的关注点分离模式，它将组件逻辑与表现层分离，实现了在多个平台、框架和设计变体间前所未有的代码复用性。该架构作为 TinyVue 跨平台能力的基础层，允许单一逻辑实现同时服务于 PC、移动端和移动优先组件，并支持 Vue 2 和 Vue 3 框架。
前端开源星球。OpenTiny TinyVue 采用了一套由 pnpm workspaces 驱动的复杂 monorepo 架构，旨在管理一个支持 Vue 2 和 Vue 3、PC 和移动平台的企业级组件库。这种结构能够在保持构建效率和依赖一致性的同时，协调多个相互依赖的包的开发。
各位开发者，大家好！我是若城。在鸿蒙应用开发过程中，我发现许多组件样式和工具方法具有高度的复用性，但每次新项目都需要重复编写，这极大地降低了开发效率。因此，我决定投入半年时间，打造一款专为鸿蒙生态设计的 UI 组件库 ——rchoui。rchoui是一个面向 HarmonyOS6 的企业级 UI 组件库，旨在提供开箱即用的高质量组件，让开发者告别"重复造轮子"。RcColors是 rchoui 组
你好，我是 Kagol，个人公众号：前端开源星球。 TinyVue 实现了一个精密的兼容层，使同一套组件代码能够无缝运行在 Vue 2、Vue 2.7 和 Vue 3 上。这一架构成就是通过统一的适配器系统实现的，该系统规范了 API 差异、提供一致的生命周期钩子，并抽象了版本特定的实现细节。兼容层确保开发者能够维护单一代码库，同时支持多个 Vue 版本，而无需在组件实现中使用条件逻辑。 适配器架
你好，我是 Kagol，个人公众号：前端开源星球。 TinyVue 组件库采用了精密的模块化架构，通过 pnpm workspaces 的 monorepo 结构实现了细粒度组件管理、高效的 tree-shaking 和灵活的平台定向。这种组织策略支持超过 198 个独立组件作为独立包分发，允许开发者仅导入所需组件，同时保持生态系统的完整性。 包架构概述 该组件库在@opentiny/vue总包下
你好，我是 Kagol，个人公众号：前端开源星球。 TinyVue 采用了一套由 pnpm workspaces 驱动的复杂 monorepo 架构，旨在管理一个支持 Vue 2 和 Vue 3、PC 和移动平台的企业级组件库。这种结构能够在保持构建效率和依赖一致性的同时，协调多个相互依赖的包的开发。 工作区配置 工作区的基础在根目录的pnpm-workspace.yaml配置中定义，该配置建立了
你好，我是 Kagol，个人公众号：前端开源星球。 TinyVue 中的无渲染组件架构代表了一种精密的关注点分离模式，它将组件逻辑与表现层分离，实现了在多个平台、框架和设计变体间前所未有的代码复用性。该架构作为 TinyVue 跨平台能力的基础层，允许单一逻辑实现同时服务于 PC、移动端和移动优先组件，并支持 Vue 2 和 Vue 3 框架。 核心架构原则 无渲染架构实现了无头组件模式，其中组件
ES Drager 是一个轻量级 React 组件库，专为构建交互式 UI 设计。它支持拖拽、旋转、缩放、调整尺寸和节点连接等功能，适用于流程图编辑器、可视化页面搭建器等场景。该库安装简单（支持 npm/yarn/pnpm），仅需几行代码即可实现可拖拽元素，并提供了丰富的属性和事件回调。核心功能包括拖拽范围限制、旋转角度控制、缩放比例设定以及节点连接处理。ES Drager 特别适合低代码平台、流
你好，我是 Kagol，个人公众号：前端开源星球。 TinyVue 通过多层架构方法实现了精密的跨平台和跨框架兼容性，该方法将业务逻辑、平台展示和框架适配器分离。这种设计使单个代码库能够同时服务 Vue 2 和 Vue 3 应用程序，并同时支持 PC 和移动优先渲染模式。 架构概述 该架构采用无渲染组件模式，其中业务逻辑独立于渲染逻辑存在，并结合虚拟模块解析，通过统一的导入路径提供特定于框架的 A
你好，我是 Kagol，个人公众号：前端开源星球。 本文主要介绍TinyVue 组件的基本使用模式，包括安装方法、导入策略和实际示例。你将学习如何高效地将组件集成到 Vue 2 或 Vue 3 应用程序中。 组件导入方法 TinyVue 提供多种导入策略以满足不同项目需求。主入口文件packages/vue/index.ts导出了所有 200 多个组件，同时支持原始名称和Tiny前缀名称，实现灵活
你好，我是 Kagol，个人公众号：前端开源星球。 本指南提供了 TinyVue 的全面安装说明，TinyVue 是一个企业级 UI 组件库，支持使用同一套代码库同时兼容 Vue 2 和 Vue 3。无论你是启动新项目还是将 TinyVue 集成到现有应用中，本指南都将通过清晰、分步的说明带你完成安装过程。 系统要求 在安装 TinyVue 之前，请确保你的开发环境满足以下要求： 要求版本用途No
你好，我是 Kagol，个人公众号：前端开源星球。 TinyVue 是一个企业级 UI 组件库，旨在为构建现代 Web 应用程序提供全面的解决方案。它以灵活性和跨平台兼容性为核心设计理念，提供104+ 个简洁、易用且功能强大的组件，可无缝运行于 Vue.js 2 和 Vue.js 3，以及 PC 和移动设备。该库强调一套代码的理念——相同的组件代码可在不同的 Vue 版本和设备平台上运行，显著降低
除基础图表之外，还为复杂业务场景提供了一些业界没有但很实用的图表，例如：流程图、组织关系图和里程碑图等。之前的 Charts 图表组件基于 ECharts 进行封装，完全兼容 ECharts 的 API，适配了华为云规范，包含22个实用的图表组件，不过由于样式都是通过 ECharts 的 API 进行封装的，不便于主题定制，因此我们对其进行了重构和优化。2024年，我们规划了很多新组件和新特性，欢
OpenTiny 是一套企业级 Web 前端开发解决方案，提供跨端、跨框架、跨版本的 TinyVue 组件库，包含基于 Angular+TypeScript 的 TinyNG 组件库，拥有灵活扩展的低代码引擎 TinyEngine，具备主题配置系统TinyTheme / 中后台模板 TinyPro/ TinyCLI 命令行等丰富的效率提升工具，可帮助开发者高效开发 Web 应用。直播过程中，我们还
目前TinyVue的Grid表格组件并没有将组件逻辑拆分成renderless函数，后续无法扩展到其他前端框架中，因此需要对Grid组件进行重构，将组件逻辑抽离成renderless。完成重构之后，还需要基于目前的虚拟滚动进行优化，优化大数据场景下树表、单元格编辑、行列拖拽等场景的功能和性能，实现动态高度的虚拟滚动、树表懒加载等特性。
基于Uni-app前端框架的SUMER UI3.0组件库！一端开发，多端运行！本组件库可快速二次开发各种类别各行业模板， 包括：商城、视频、直播、聊天、支付、新闻、社区、地图、导航、出行、社区、博客等
本实操内容通过实现 TinyVue 中 Button 组件和 Alert 的类 element 主题适配，让开发者感受到 TinyVue 跨设计规范的亮点特性
组件库
——组件库
联系我们（工作时间：8:30-22:00）
400-660-0108 kefu@csdn.net
CSDN-OPC开发者社区
OpenTiny社区
人工智能6S服务平台
火山引擎 ADG 社区
开源鸿蒙跨平台开发者社区
