免费 UI 开发套件精选

时间  2020-12-21
标签 html 前端 git github web bootstrap 浏览器 微信 app 框架 栏目 HTML 繁體版
原文   原文链接 
// 每日前端夜话 第384篇
// 正文共：2000 字
// 预计阅读时间：7 分钟

免费 UI 套件精选

本文列出了精心挑选的清单，其中包含精美且免费的 UI 套件，这些套件能够直接从 Github 下载源代码。html

Jinja 版本由 AppSeed[1] 提供，该平台使用自动化工具生成简单的 dashboards[2] 和应用。前端

Free UI-Kits 列表

  • Free UI Kit - Quick [3] - d 由 Webpixels 设计
  • Free UI Kit - Pixel Lite [4] - 设计由 ThemesBerg 提供
  • Free UI Kit- Boomerang [5] - 由 Webpixels 设计
  • Free UI Kit - Now UI [6] - design Creative-Tim 设计
  • Free UI Kit - Paper UI [7] - design Creative-Tim

Jinja 模板（所有免费，MIT Licensed）git

  • Jinja Template - Pixel Lite [8] - MIT License
  • Jinja Template - Quick UI [9] - MIT License
  • Jinja Template - Boomerang UI [10] - Free

Boomerang

Boomerang

Boomerang 是一个免费的 Bootstrap UI 套件，很是适合构建响应快速、富有创意的现代公司业务网站。它包括 50 多个定制组件，5 个集成插件和 5 个页面布局，全部这些组件均为 100％ 响应式的，并彻底可定制。高质量的设计，智能的代码标记而且易于定制。适用于任何屏幕分辨率的高级功能和扩展的 Bootstrap 组件。使用 Bootstrap 4 构建。包括 NPM 和 Gulp 等你熟悉的工具。github

该产品附带了丰富的 UI 元素集和用于联系人[11]、关于咱们[12]的预构建页面，还有一个不错的首页[13]。web

连接bootstrap

  • UI Kit - Boomerang [14] 产品页面
  • UI Kit - Boomerang Demo [15] - 在线演示
  • UI Kit Boomerang - Jinja Template [16], 由 AppSeed [17] 提供

Pixel Lite

Pixel Lite

Pixel 是一个免费的、彻底响应式的、现代的 Bootstrap 4 UI 套件，它可以帮你构建富有创意的专业网站。能够经过使用它的组件和代码段，切换一些 Sass 变量，来构建和排列最适合你需求的页面。Pixel 是著名的 Bootstrap CSS 框架的高级扩展，具备价格卡片、配置文件、时间表等更多的功能。全部组件的建立均尽量符合 WCAG 2.1 标准。浏览器

该产品的一个很是好的功能是可访问性。Pixel Lite 符合最新的 UI 设计可访问性标准，而且还经过了 WAVE 评估工具和 Achecker 工具。微信

连接app

  • Free UI Kit - Pixel Lite [18] - 产品页面
  • Free UI Kit - Pixel Demo [19] - 实时部署
  • Jinja Template - Pixel Lite [20], 由 AppSeed [21] 提供

Quick

Quick

Quick UI 是基于 Bootstrap 4 的多用途网站模板，很是适合在 Web 上构建适合企业、初创企业和代理商的响应式、移动优先的项目。Quick 的设计具备 100％ 的响应式能力，它能够当即适应全部现代浏览器和分辨率。你能够经过任何预先构建的页面示例吸引用户的注意。框架

Quick 是高级 Bootstrap 主题，其中包括可适应的布局和模块化组件，这些组件是大多数 Web 项目中所必需的。

连接

  • Free UI Kit - Quick [22]
  • Free UI Kit - Quick Demo [23]
  • Jinja 模板-快速用户界面 [24]

Now UI

Now UI

Now UI Kit 是由 Invision 和 Creative Tim 免费提供的自适应 Bootstrap 4 工具包。这是一个漂亮的跨平台 UI 套件，具备超过 50 个元素和 3 个模板。Now UI Kit 可以帮助你建立一个干净简单的网站，很是适合当今的设计。它使用 12 列网格系统构建，其组件设计为完美配合。它利用大胆的色彩、漂亮的版式、清晰的图片进行设计。

连接

  • Free UI Kit - Now UI [25] - 产品页面
  • Free UI Kit - NowUI Demo [26] - 实时演示

Paper Kit 2

Paper UI

Paper Kit 2 是一个免费的 Bootstrap 4 UI 套件，具备浅色、漂亮的版式和周到的样式。对 Web 项目进行编码起到相当重要做用的全部元素都已经包含在此处，并已完成编码。全部组件都具备充分的响应式能力，而且在每 🀄️ 屏幕尺寸上都看起来不错。

Paper Kit 2 包含一些已经设计和实现的页面。如下带有可用页面的列表。

连接

  • Free UI Kit - Paper UI [27] - 产品页面
  • Free UI Kit - Paper Demo [28]





精彩文章回顾,点击直达


Reference

[1]

AppSeed: https://appseed.us/?ref=dev

 [2]

dashboards: https://appseed.us/admin-dashboards/open-source?ref=dev

 [3]

Free UI Kit - Quick: https://webpixels.io/themes/quick-free-bootstrap-theme?ref=appseed

 [4]

Free UI Kit - Pixel Lite: https://themesberg.com/product/ui-kit/pixel-lite-free-bootstrap-4-ui-kit?ref=appseed

 [5]

Free UI Kit- Boomerang: https://webpixels.io/themes/boomerang-free-bootstrap-ui-kit?ref=appseed

 [6]

Free UI Kit - Now UI: https://www.creative-tim.com/product/now-ui-kit?AFFILIATE=128200

 [7]

Free UI Kit - Paper UI: https://www.creative-tim.com/product/paper-kit-2?AFFILIATE=128200

 [8]

Jinja Template - Pixel Lite: https://github.com/app-generator/jinja-template-pixel-uikit

 [9]

Jinja Template - Quick UI: https://github.com/app-generator/theme-jinja2-quick-uikit

 [10]

Jinja Template - Boomerang UI: https://github.com/app-generator/jinja-template-boomerang-uikit

 [11]

联系人: https://preview.webpixels.io/boomerang-free-bootstrap-ui-kit/pages/contact.html

 [12]

关于咱们: https://preview.webpixels.io/boomerang-free-bootstrap-ui-kit/pages/about.html

 [13]

首页: https://preview.webpixels.io/boomerang-free-bootstrap-ui-kit/pages/homepage.html

 [14]

UI Kit - Boomerang: https://webpixels.io/themes/boomerang-free-bootstrap-ui-kit?ref=appseed

 [15]

UI Kit - Boomerang Demo: https://preview.webpixels.io/boomerang-free-bootstrap-ui-kit/?ref=appseed

 [16]

UI Kit Boomerang - Jinja Template: https://github.com/app-generator/jinja-template-boomerang-uikit

 [17]

AppSeed: https://appseed.us/

 [18]

Free UI Kit - Pixel Lite: https://themesberg.com/product/ui-kit/pixel-lite-free-bootstrap-4-ui-kit?ref=appseed

 [19]

Free UI Kit - Pixel Demo: https://demo.themesberg.com/pixel-lite/index.html?ref=appseed

 [20]

Jinja Template - Pixel Lite: https://github.com/app-generator/jinja-template-pixel-uikit

 [21]

AppSeed: https://appseed.us/

 [22]

Free UI Kit - Quick: https://webpixels.io/themes/quick-website-ui-kit/?ref=appseed

 [23]

Free UI Kit - Quick Demo: https://preview.webpixels.io/quick-website-ui-kit/?ref=appseed

 [24]

Jinja 模板-快速用户界面: https://github.com/app-generator/theme-jinja2-quick-uikit

 [25]

Free UI Kit - Now UI: https://www.creative-tim.com/product/now-ui-kit?AFFILIATE=128200

 [26]

Free UI Kit - NowUI Demo: https://demos.creative-tim.com/now-ui-kit/index.html

 [27]

Free UI Kit - Paper UI: https://www.creative-tim.com/product/paper-kit-2?AFFILIATE=128200

 [28]

Free UI Kit - Paper Demo: https://demos.creative-tim.com/paper-kit-2/index.html








前端先锋

长按扫描维码
关注咱们 获取更多前端资讯
｜最新技术｜业界动态｜

｜学习视频｜源码资源｜

前端先锋



转了吗

赞了吗

在看吗


本文分享自微信公众号 - 前端先锋（jingchengyideng）。
若有侵权，请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一块儿分享。

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程