SemiDesign

SemiDesign是由抖音前端团队和MED产品设计团队共同设计、开发并维护的企业级设计系统,旨在为复杂业务场景提供高效、统一的设计解决方案。作为一款现代、全面且灵活的设计系统和Re...

标签:

SemiDesign是由抖音前端团队和MED产品设计团队共同设计、开发并维护的企业级设计系统,旨在为复杂业务场景提供高效、统一的设计解决方案。作为一款现代、全面且灵活的设计系统和ReactUI库,SemiDesign提供了超过3000个设计令牌,支持一键将设计转化为代码,实现设计到代码的高效转换。该系统不仅支持多种设计风格和国际化配置,还具备SSR、TypeScript、WebComponents等高级特性,适用于构建现代化的Web应用界面。

  • SemiDesign官网入口网址:https://semi.design/
  • SemiDesign开源项目地址:https://github.com/DouyinFE/semi-design

SemiDesign的核心价值在于其设计开发一体化的能力,能够显著降低开发成本并提升用户体验。通过提供标准化组件和设计规范,SemiDesign大幅减少了重复开发工作,确保产品具备一致的设计语言和交互体验。其核心特点包括设计稿一键转代码、高还原度组件、动态主题定制、多语言支持等,适用于电商中台、金融风控等场景。此外,SemiDesign支持多种前端框架(如React、Vue、Angular)的跨平台复用,进一步提升了开发效率和灵活性。

SemiDesign的开源社区活跃,拥有丰富的文档和资源,包括设计语言、React组件、主题等开箱即用的中后台解决方案,支持快速搭建美观的React应用。其官网(https://semi.design)和GitHub(https://github.com/DouyinFE/semi-design)提供了详细的文档和资源,方便开发者和设计师使用。

SemiDesign不仅是一个设计系统,更是一个设计开发一体化的中后台系统,旨在满足企业对高效、统一设计系统的迫切需求,是现代Web应用开发的重要工具之一。

数据统计

相关导航

Ant Design
Ant Design

Ant Design 是一个由蚂蚁集团(Ant Group)开发的企业级设计系统和 UI 组件库,广泛应用于企业级 Web 应用的开发中。它提供了一套统一的设计语言、丰富的组件和设计规范,旨在提升用户体验和开发效率。 Ant Design官网入口网址:https://ant.design/Ant Design国内镜像网站:https://ant-design.antgroup.com/ Ant Design 的核心理念是“自然”、“确定性”、“意义感”和“生长性”四大设计价值观,强调通过模块化解决方案降低冗余成本,提高设计与开发效率。它提供超过 100 个高度可定制的 React 组件,涵盖按钮、表单、表格等,支持国际化与性能优化,适用于多种场景。 Ant Design 提供了丰富的 UI 组件,如按钮、表单控件、布局、数据展示等,支持高度定制与主题配置,适用于企业级应用的最佳实践。它还支持多种技术栈,包括 React、Angular、Vue 等,具有良好的可扩展性和灵活性。 Ant Design 的设计规范涵盖了色彩、图标、字体、文案等多个方面,强调细节和用户体验,帮助设计者快速实现高质量的产品。它还提供了动效解决方案(如 Ant Motion),以增强用户体验和界面活力。 Ant Design 是开源的,拥有活跃的社区和丰富的文档资源,支持开发者快速上手和高效开发。它被广泛应用于金融、电商、科技等多个行业,成为企业级应用开发的重要工具。 Ant Design 是一个功能强大、设计规范统一、社区活跃的企业级设计系统,为开发者和设计师提供了高效、高质量的开发和设计解决方案。

dndkit
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),无外部依赖,性能优异,支持平滑的交互和动画效果,尤其适合移动设备。它还提供了高度可定制的选项,用户可以自定义动画、过渡效果、行为和样式等细节,满足不同项目的需求。

OSCHINA
OSCHINA

oschina开源中国是目前领先的中文开源技术社区。我们传播开源的理念,推广开源项目,为 IT 开发者提供了一个发现、使用、并交流开源技术的平台 oschina开源中国官网网址:https://www.oschina.net/ OSCHINA.NET 是一个领先的中文开源技术社区,致力于传播开源理念,推广开源项目,为IT开发者提供了一个发现、使用并交流开源技术的平台。该社区不仅为开发者提供了一个丰富的开源资源库,还支持开源技术博客的分享与积累,使开发者可以在沟通与交流中得到关注与认同。此外,OSCHINA还推出了手机客户端,方便中国的IT技术人员随时随地检索开源软件并交流使用经验。 OSCHINA的特色服务 技术专区:汇集了全网4万+开源软件,方便用户随时搜索查看所需的开源软件和代码片段。开源技术博客:提供了一个平台,让开发者在分享与记录中过滤与积累知识,在沟通与交流中得到关注与认同。OSCHINA直播栏目:针对当下流行的直播媒介形式,策划了不同风格的直播栏目,如OSCHINA编辑部观察、COSCLC社区畅聊等,邀请行业大咖围绕“开源”进行深度对话。开源中国手机客户端:提供了一个全面的、快捷更新的平台,供IT技术人员检索开源软件以及交流使用开源经验。 OSCHINA提供了一个全面的开源技术交流平台,不仅拥有丰富的开源资源,还通过直播栏目、手机客户端等形式,为中国IT技术人员提供了便捷的服务和交流机会。同时,OSCHINA也积极参与开源生态的赋能与合作,推动开源技术在中国的发展。

暂无评论

暂无评论...