首页 > 编程知识 正文

免费开源前端框架,前端主流布局系统进阶与实战

时间:2023-05-05 19:56:04 阅读:20213 作者:3939

资源10套易于使用的前端框架,设计组件库推荐

原始文章分类:规范/资料版权:保存作者信息禁止商业使用禁止修改作品禁止变更版权信息

12962595002018-02-18

63.7。

Web、Mobile和小程序。

Image title

编号1 ant design ui框架

官方网站: ant.design

体验地址: xcloud.alipay.com

资源包设计: Download

Github: github.com/ant-design

Image title

解析:基于蚂蚁金服制、ReactJS。 企业产品的设计体系,支持桌面端、手机端。 基于“确定”和“自然”设计价值观的模块化解决方案使设计者能够将注意力集中在更好的用户体验上。

no.2元素ui框架

官网: element.eleme.io

资源包设计: Download

Github: github.com/elemefe

Image title

解析:基于饿了么出品、VueJS、React、Angular。 为开发人员、设计师和产品经理准备的桌面端组件存储库。

编号3 bootstrap框架

官网: getbootstrap.com

案例分析: expo.getbootstrap.com

github:github.com/twbs/bootstrap

Image title

分析: Bootstrape是经典的前端框架。 主要有很多主题,所以可以看案例展示。

No.4 ZUI H5框架

官网: zui.sexy

移动端框架: zui.sexy/m

Github: github.com/easysoft/zui

Image title

分析:基于Bootstrap深度定制开源前端实践的开源HTML5跨屏框架。 有助于快速构建现代跨屏APP应用。

5号用户界面框架

官网: muse-ui.org

github:github.com/museui/muse-ui

Image title

分析: Muse UI基于Vue2.0开发,基本实现了材料设计规范类的所有组件,并开发了许多功能组件。

no.6基础用户界面框架

官网: foundation.zurb.com

案例研究: zurb.com/responsive

Image title

分析:一组灵活适用于任何设备的框架,使您可以非常轻松地构建干净的适用站点、应用程序和邮件。 资源总是更新的,并且有很多Html模板可以帮助您快速启动。

no.7网页小程序框架

官网: tencent.github.io/wepy

Github: github.com/Tencent/wepy

Image title

分析:一组框架,小部件支持组件化开发。 WePY框架可以在开发过程中借鉴Vue等现有框架的语法风格和功能特性,重新打包原生applet的开发模式,由熟悉Vue的你来开发,从而更加自信地开发。

编号8 amaze H5框架

官网: amazeui.org

github:github.com/amaze ui/amaze ui

Image title

解析: Amaze是移动第一(Mobile first ),从小屏幕逐步扩展到大屏幕,最终实现所有屏幕匹配。 与国外框架相比,国内更注重中文排版效果的主流浏览器与内置APP浏览器兼具兼容支持。

No.9 ZanUI组件库

官网: youzanyun.com/zanui

Github: github.com/youzan/vant

Image title

解析:有赞出品,支持移动、PC、小程序。 查看移动端的Vue组件库Vant。

No.10 ICE组件库

官网: alibaba.github.io/ice

体验地址: alibaba.github.io/ice/#/block

下载GUI工具:下载

Github: github.com/alibaba/ice

Image title

分析:基于阿里巴巴制造的ReactJS。 大量可回收材料,可以使用GUI工具快速构建后台APP应用程序。 但是据说文档有点漏洞! 所以我只建议设计师看组件。 暂时不推荐程序员!

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。