免費 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教程