职场生涯 IT技术
DevUI

DevUI 是一款由华为云开源的企业级前端 UI 组件库,专注于为开发者提供高效、灵活且体验一致的中后台解决方案。其设计理念围绕“Design for Developers”,强调通过简洁的代码结构、……

DevUI 是一款由华为云开源的企业级前端 UI 组件库,专注于为开发者提供高效、灵活且体验一致的中后台解决方案。其设计理念围绕“Design for Developers”,强调通过简洁的代码结构、可定制化的主题和丰富的交互组件,提升开发效率与产品体验。DevUI官网入口网址:https://devui.design/DevUI开源项目地址:https://github.com/DevCloudFE/ng-devui核心特点丰富的组件生态 提供包括表单、表格、导航、弹窗、图表等 50+ 高频组件,覆盖中后台系统绝大多数场景,支持按需引入以减少打包体积。设计系统支持 基于华为云 Design System 设计语言,提供清晰的视觉规范(如色彩、间距、动效),确保界面统一性,同时支持暗黑模式和多主题切换。开发者友好 提供 TypeScript 类型定义、详细的 API 文档和在线示例,配套开发工具(如 CLI 脚手架)简化项目初始化。跨框架兼容 核心支持 Angular,并逐步扩展 React/Vue 适配,满足不同技术栈需求。企业级实践验证 源自华为云内部项目沉淀,经过大规模复杂业务场景验证,稳定性与性能表现优异。适用场景适用于管理后台、数据可视化平台、企业级 SaaS 等中后台应用开发,尤其适合追求开发效率与设计规范化的团队。DevUI 是一个面向企业中后台产品的开源前端解决方案,其设计理念基于“简单、沉浸式和灵活”的概念。它旨在为设计师和前端开发者提供一个标准的设计系统,并且是一个企业级的开箱即用产品,适用于多种应用场景。

相关导航

VisuAlgo

VisuAlgo 是一个由 Dr. Steven Halim 创立的在线平台,旨在通过可视化的方式帮助学生和开发者理解和掌握各种复杂的数据结构和算法。该网站特别适合那些视觉学习者,也就是通过看图形、动画和演示来更好地理解概念的人。VisuAlgo中文官网网址:https://visualgo.net/zhVisuAlgo官网网址:https://visualgo.net/以下是 VisuAlgo 的一些关键特点和功能:算法可视化:用户可以查看各种算法的动态演示,包括排序、搜索、图算法、树结构等。这些可视化不仅展示了算法的每一步,还显示了它们在不同数据集上的表现。交互性:多数的可视化都是交互式的,意味着用户可以控制算法的执行,比如单步前进、后退、暂停和播放。用户还可以改变输入数据来看算法对不同数据的响应。丰富的算法和数据结构:VisuAlgo 包含了程序员必学的数据结构和算法,比如排序、链表、哈希表、二叉树、图等,它把算法的执行过程以最直观可视化的形式展示出来。在线测验工具:VisuAlgo 还提供了一些算法练习题供学生训练,以便更进一步巩固自己的算法知识。这些问题都是可以直接通过系统自动生成与评测的。支持中文:VisuAlgo 支持中文可视化,网址地址为:https://visualgo.net/zh/ 。不断更新:VisuAlgo 是一个不断更新的项目,很多更复杂的高计算法还在发展研究当中。教育用途:VisuAlgo 不仅支持暂停、单步执行、回退等功能,演示算法的时候,还可查看算法代码的执行过程。国际认可:VisuAlgo 在国际奥林匹克信息学竞赛中被提及,并被认为是帮助学生理解数据结构和算法的有效工具。VisuAlgo 是一个功能强大且不断发展的工具,适合所有希望深入理解数据结构和算法的人使用。无论是初学者还是进阶者,都可以通过 VisuAlgo 的可视化功能更好地掌握这些复杂的概念。

UIverse

UIverse 是一个开源的、社区驱动的 UI 元件库,旨在为开发者和设计师提供高质量的 UI 组件,以加速网页设计和开发过程。它提供了一个丰富的组件库,包括按钮、复选框、卡片、加载器、输入框、表单、模态框等,这些组件均以 HTML、CSS 和 Tailwind 等格式提供,用户可以直接复制代码并集成到项目中 。UIverse官网入口网址:https://uiverse.io/UIverse开源项目地址:https://github.com/uiverse-io/galaxyUIverse 的核心特点包括其开源性质、社区驱动的贡献模式、用户友好的界面以及对现代设计趋势的支持。用户可以通过搜索、分类浏览和实时预览组件效果,轻松找到并使用所需组件。此外,UIverse 鼓励社区贡献,用户可以提交自己的设计并参与社区活动,如技术挑战赛 。UIverse 的组件库非常庞大,包含数千个组件,涵盖多种 UI 元素,如按钮、卡片、表单、加载动画、输入框、复选框、开关、选项按钮和平铺图案等。用户可以通过“Get Code”按钮获取组件的代码,并支持实时修改和测试 。UIverse 的所有组件均基于 MIT 开源协议发布,用户可以自由使用,包括在商业项目中使用。该平台不仅为开发者提供了节省时间的工具,还为学习和创意提供了丰富的资源 。UIverse 是一个强大的资源平台,为前端开发者和设计师提供了高效、便捷的 UI 设计和开发解决方案。

dndkit

dndkit 是一个现代化的模块化工具包,专为构建高性能、可访问的拖放(drag & drop)界面而设计。它基于 React 框架开发,通过简洁的钩子(hooks)将组件快速转换为可拖拽(draggable)或可放置(droppable)元素,仅需几行代码即可实现复杂交互。dndkit官网入口网址:https://dndkit.com/dndkit开源项目地址:https://github.com/clauderic/dnd-kit核心特性轻量且强大:核心库仅约 10KB,零外部依赖,却提供丰富的功能,包括多输入支持(指针、触摸、键盘)、无障碍访问(屏幕阅读器适配)、动画优化等。高度模块化:支持按需引入功能模块,适用于列表、网格、嵌套容器、虚拟化列表甚至游戏开发等多样化场景。极致可定制:允许开发者控制拖拽行为的每个细节,如动画效果、约束条件、样式覆盖,并支持扩展自定义传感器(sensors)和交互逻辑。开箱即用的无障碍支持:内置键盘操作、实时区域提示和屏幕阅读器指令,确保所有用户均可无障碍使用。卓越性能:针对移动端和复杂交互优化,保障流畅的动画体验。开发体验dndkit 通过 React 上下文(DndContext)和直观的 API(如 useDraggable/useDroppable)简化开发流程。示例中,通过 onDragEnd 事件即可动态管理元素放置逻辑,而组合式设计让开发者能灵活应对从简单列表到多层级拖拽的各类需求。应用场景无论是任务看板、表单构建器、可视化编辑器,还是创意互动项目,dndkit 的扩展性和文档支持(详见官方文档)都能帮助团队高效实现设计目标。dndkit 是一个功能强大、灵活且易于使用的拖放工具包,适合需要在 React 项目中实现复杂拖放交互的开发者。dndkit 的模块化设计允许用户按需使用功能,核心库体积小(约10KB),无外部依赖,性能优异,支持平滑的交互和动画效果,尤其适合移动设备。它还提供了高度可定制的选项,用户可以自定义动画、过渡效果、行为和样式等细节,满足不同项目的需求。

PagePlug

PagePlug 是一个开源的、声明式的、可视化的前端低代码框架,专为开发者设计,旨在加速开发过程,提供更强大的可视化建模工具、广泛的API支持、完善的数据管理功能和强大的扩展性。它基于 Appsmith 的中国化项目,针对 To D 研发人群设计,强调 API 和数据管理功能,支持高度定制和广泛操作。PagePlug官网入口网址:https://pageplug.cn/PagePlug开源项目地址:https://github.com/cloudtogo/pageplugPagePlug 的核心功能包括:强大的可视化建模工具:提供丰富的 UI 组件,如表格、图表、表单等,减少编码和测试工作。广泛的API支持:支持多种数据源连接,如 REST API、PostgreSQL、MongoDB、MySQL、Google Sheets 等,无需手动配置数据库连接。完善的数据管理功能:支持 SQL 查询、数据管理、数据库连接和数据源集成。强大的扩展性:支持 JavaScript 自定义代码和第三方 JS 库,支持 JavaScript 编辑器和调试工具,提供灵活的自定义能力。安全性支持:提供身份验证、授权、加密等安全功能。私有部署和开源:支持私有部署、Docker 安装、Git 版本控制和社区贡献。PagePlug 的使用场景广泛,适用于企业内部工具、管理面板、仪表板、企业客户管理系统(CEM)等。它通过集成工作流引擎(如 n8n)实现企业应用开发能力的扩展。PagePlug 是一个功能强大、灵活且易于使用的低代码开发工具,适合开发者和企业用户快速构建和部署应用。

暂无评论

暂无评论...