SemiDesign
SemiDesign是由抖音前端团队和MED产品设计团队共同设计、开发并维护的企业级设计系统,旨在为复杂业务场景提供高效、统一的设计解决方案。作为一款现代、全面且灵活的设计系统和Re...
标签:IT技术网 SemiDesignSemiDesign是由抖音前端团队和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 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 是一个现代化的模块化工具包,专为构建高性能、可访问的拖放(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),无外部依赖,性能优异,支持平滑的交互和动画效果,尤其适合移动设备。它还提供了高度可定制的选项,用户可以自定义动画、过渡效果、行为和样式等细节,满足不同项目的需求。
PostgreSQL 是一个功能强大的开源对象关系数据库系统(ORDBMS),由全球社区共同维护和开发。它以可靠性、功能稳健性和性能著称,经过超过35年的持续开发,已成为世界上最先进的开源关系型数据库之一。 PostgreSQL官网入口网址:https://www.postgresql.org/PostgreSQL官网下载地址:https://www.postgresql.org/download/ PostgreSQL 支持多种操作系统,包括 Linux、Windows、Mac OS X、Solaris、AIX、HP-UX、SGI IRIX、Tru64 和 Windows 等,具有高度的可移植性和兼容性。它不仅支持标准的 SQL 功能,还提供了丰富的扩展功能,如自定义数据类型、函数、触发器、视图、事务处理、并发控制(MVCC)、索引、复制、备份与恢复等。 PostgreSQL 采用 BSD 许可证,允许自由使用和二次开发,避免了商业控制,同时也支持多种编程语言接口,如 C、C++、Java、Perl、Python、Ruby、Tcl、ODBC 等。 PostgreSQL 的社区活跃,拥有广泛的用户和开发者支持,提供了丰富的文档、教程和社区资源,帮助用户学习和使用 PostgreSQL。 PostgreSQL 在金融、科研、电信、物联网等领域有广泛应用,因其可靠性和强大的分析能力而受到青睐。 PostgreSQL 的官方网站(https://www.postgresql.org/ )提供了详细的安装、使用和开发文档,是学习和使用 PostgreSQL 的重要资源。
ClkLog 是一个开源的用户行为分析系统,旨在记录和分析用户在线行为,以构建用户画像。它支持多种数据采集方式,包括代码埋点、可视化埋点和无埋点,并支持多端数据采集,如网页、App、小程序等。ClkLog 基于神策分析SDK 和 ClickHouse 数据库,采用前后端分离架构,支持私有化部署和快速部署。该系统提供丰富的数据分析功能,如访问统计、用户画像、漏斗分析、自定义SQL查询等,适用于电商、教育、社交等场景。 clklog官网入口网址:https://clklog.com/clklog开源项目地址:https://github.com/clklog ClkLog 是一个开源、可商用的系统,遵循 AGPL 3.0 协议,支持多种技术栈,包括 Java、Vue、Element UI、ECharts 等,具备高并发处理能力和实时性。它还提供可视化界面和丰富的数据展示功能,帮助用户进行精细化运营和业务增长。 ClkLog 提供了多种部署方式,包括私有化部署和开源版本,支持快速搭建和扩展,适合中小团队和企业使用。此外,ClkLog 还提供了丰富的文档和社区支持,如 GitHub 项目、在线演示和技术支持。 ClkLog 是一个功能全面、技术先进、易于使用的开源用户行为分析系统,适用于多种业务场景和团队需求。
Keep Design System 是一个旨在简化设计与开发流程的现代化设计系统。它通过提供丰富的组件和工具,帮助设计师和开发者快速构建美观且一致的用户界面。该系统不仅支持 React 开发,还提供了丰富的设计资源和文档,使得设计与开发之间的协作更加顺畅。 Keep Design System官网入口网址:https://keepdesign.io/ Keep Design System 的核心理念是“在几小时或几分钟内获得完美的设计”。它通过提供现成的 UI 组件、设计令牌(Design Tokens)和响应式设计,帮助用户快速构建高质量的网站和仪表盘。此外,该系统还支持 Figma 和 React 的集成,使得开发者可以轻松地将设计转化为可交互的界面。 Keep Design System 提供了多种功能,包括设计令牌、开源 React 组件、暗色模式、现代化的组件库以及持续更新的支持。此外,该系统还提供免费版本和付费版本,以满足不同用户的需求。 Keep Design System 是一个功能强大且用户友好的设计系统,适合设计师和开发者使用,以提升设计和开发的效率与质量。
oschina开源中国是目前领先的中文开源技术社区。我们传播开源的理念,推广开源项目,为 IT 开发者提供了一个发现、使用、并交流开源技术的平台 oschina开源中国官网网址:https://www.oschina.net/ OSCHINA.NET 是一个领先的中文开源技术社区,致力于传播开源理念,推广开源项目,为IT开发者提供了一个发现、使用并交流开源技术的平台。该社区不仅为开发者提供了一个丰富的开源资源库,还支持开源技术博客的分享与积累,使开发者可以在沟通与交流中得到关注与认同。此外,OSCHINA还推出了手机客户端,方便中国的IT技术人员随时随地检索开源软件并交流使用经验。 OSCHINA的特色服务 技术专区:汇集了全网4万+开源软件,方便用户随时搜索查看所需的开源软件和代码片段。开源技术博客:提供了一个平台,让开发者在分享与记录中过滤与积累知识,在沟通与交流中得到关注与认同。OSCHINA直播栏目:针对当下流行的直播媒介形式,策划了不同风格的直播栏目,如OSCHINA编辑部观察、COSCLC社区畅聊等,邀请行业大咖围绕“开源”进行深度对话。开源中国手机客户端:提供了一个全面的、快捷更新的平台,供IT技术人员检索开源软件以及交流使用开源经验。 OSCHINA提供了一个全面的开源技术交流平台,不仅拥有丰富的开源资源,还通过直播栏目、手机客户端等形式,为中国IT技术人员提供了便捷的服务和交流机会。同时,OSCHINA也积极参与开源生态的赋能与合作,推动开源技术在中国的发展。
