web前端ui框架有哪些 前端开发框架和ui框架的区别



文章插图
web前端ui框架有哪些 前端开发框架和ui框架的区别

文章插图

1 . Ant-design
推荐指数:star:60.2k官网:https://ant.design/docs/react/introduce-cnGithub:https://github.com/ant-design/ant-design/
Ant Design一套企业级 UI 设计语言和 React 组件库,基于Ant Design 设计体系的 React UI 组件库,用于研发企业级中后台产品,风格素雅简洁;Ant Design是第一个由国内团队开发的面向世界的集视觉规范、交互模式、前端组件于一体的Web设计语言,或者可以称为Web设计规范
2 . Semantic UI
推荐指数:star:48k
中文文档:https://semantic-ui.com/introduction/getting-started.html
Github: https://github.com/semantic-org/semantic-ui/
Semantic UI 是一款非常优秀的前端开发框架 。Semantic 自带简约的可继承系统,以及高级主题变量,使您可以自由地完成各式各样的设计,只需开发一次UI,您就可以在各处部署相同的代码 。
3 . Material-UI
推荐指数:star:57.9k
英文文档:https://material-ui.com
Github: https://github.com/mui-org/material-ui
Material-UI是一款React组件库来实现Google的Material Design风格UI界面框架 。也是首个React的UI工具集之一 。使用它可以快速搭建出赏心悦目的应用界面 。
4 . React-Bootstrap
推荐指数:star:17.7k
官网:https://react-bootstrap.github.io
中文文档: http://react.tgwoo.com
Github: https://github.com/react-bootstrap/react-bootstrap/
最流行的前端架构, 为 React 而重构 。一款基于ReactJS对Bootstrap进行封装前端组件库,React-Bootstrap是可重用的前端组件库 。样式组件依赖于bootstrap 。与 Twitter Bootstrap 一致外观与感受,但通过 Facebook 的 React.js 框架获得更清爽的代码 。
5 . React Desktop
官网:http://reactdesktop.js.org/docs/
Github: https://github.com/gabrielbull/react-desktop
一款面向MacOS Sierra和Windows10桌面风格的ReactUI组件库 。React-Desktop是跨平台桌面应用程序的 UI 组件,可以在上面找到 Mac OS 和 Windows 10 的均可用 UI 组件 。
6 . Blueprint
推荐指数:star:16.2k
官网:https://apiblueprint.org
Github: https://github.com/gabrielbull/react-desktop
【web前端ui框架有哪些 前端开发框架和ui框架的区别】Blueprint提供了一系列ReactUI组件,这些组件包含常用的元素、模式和Web交互 。它适用于为桌面应用构建复杂且数据密集型的Web界面 。它的组件使用TypeScript编写,并以Sass编写样式风格,以实现快速且灵活的开发流程 。