乐趣区

关于前端:免费-UI-套件精选

本文列出了精心筛选的清单,其中蕴含精美且 收费的 UI 套件,这些套件能够间接从 Github 下载源代码。

Jinja 版本由 AppSeed 提供,该平台应用自动化工具生成简略的 dashboards 和利用。

Free UI-Kits 列表

  • Free UI Kit – Quick – d 由 Webpixels 设计
  • Free UI Kit – Pixel Lite – 设计由 ThemesBerg 提供
  • Free UI Kit- Boomerang – 由 Webpixels 设计
  • Free UI Kit – Now UI – design Creative-Tim 设计
  • Free UI Kit – Paper UI – design Creative-Tim

Jinja 模板(全副收费,MIT Licensed)

  • Jinja Template – Pixel Lite – MIT License
  • Jinja Template – Quick UI – MIT License
  • Jinja Template – Boomerang UI – Free


Boomerang

Boomerang 是一个收费的 Bootstrap UI 套件,非常适合构建响应疾速、富裕创意的古代公司业务网站。它包含 50 多个定制组件,5 个集成插件和 5 个页面布局,所有这些组件均为 100% 响应式的,并齐全可定制。高质量的设计,智能的代码标记并且易于定制。实用于任何屏幕分辨率的高级性能和扩大的 Bootstrap 组件。应用 Bootstrap 4 构建。包含 NPM 和 Gulp 等你相熟的工具。

该产品附带了丰盛的 UI 元素集和用于联系人、对于咱们的预构建页面,还有一个不错的首页。


链接

  • UI Kit – Boomerang 产品页面
  • UI Kit – Boomerang Demo – 在线演示
  • UI Kit Boomerang – Jinja Template, 由 AppSeed 提供

Pixel Lite

Pixel 是一个收费的、齐全响应式的、古代的 Bootstrap 4 UI 套件,它可能帮你构建富裕创意的业余网站。能够通过应用它的组件和代码段,切换一些 Sass 变量,来构建和排列最适宜你需要的页面。Pixel 是驰名的 Bootstrap CSS 框架的高级扩大,具备价格卡片、配置文件、时间表等更多的性能。所有组件的创立均尽可能合乎 WCAG 2.1 规范。

该产品的一个十分好的性能是 可拜访性。Pixel Lite 合乎最新的 UI 设计可拜访性规范,并且还通过了 WAVE 评估工具和 Achecker 工具。


链接

  • Free UI Kit – Pixel Lite – 产品页面
  • Free UI Kit – Pixel Demo – 实时部署
  • Jinja Template – Pixel Lite, 由 AppSeed 提供

Quick

Quick UI 是基于 Bootstrap 4 的多用途网站模板,非常适合在 Web 上构建适宜企业、初创企业和代理商的响应式、挪动优先的我的项目。Quick 的设计具备 100% 的响应式能力,它能够立刻适应所有古代浏览器和分辨率。你能够通过任何事后构建的页面示例吸引用户的留神。

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

链接

  • Free UI Kit – Quick
  • Free UI Kit – Quick Demo
  • Jinja 模板 - 疾速用户界面

Now UI

Now UI Kit 是由 Invision 和 Creative Tim 收费提供的自适应 Bootstrap 4 工具包。这是一个丑陋的跨平台 UI 套件,具备超过 50 个元素和 3 个模板。Now UI Kit 可能帮忙你创立一个洁净简略的网站,非常适合当今的设计。它应用 12 列网格零碎构建,其组件设计为完满配合。它利用大胆的色调、丑陋的版式、清晰的图片进行设计。

链接

  • Free UI Kit – Now UI – 产品页面
  • Free UI Kit – NowUI Demo – 实时演示

Paper Kit 2

Paper Kit 2 是一个收费的 Bootstrap 4 UI 套件,具备浅色、丑陋的版式和周到的款式。对 Web 我的项目进行编码起到至关重要作用的所有元素都曾经蕴含在此处,并已实现编码。所有组件都具备充沛的响应式能力,并且在每????️屏幕尺寸上都看起来不错。

Paper Kit 2 蕴含一些曾经设计和实现的页面。以下带有可用页面的列表。

链接

  • Free UI Kit – Paper UI – 产品页面
  • Free UI Kit – Paper Demo


本文首发微信公众号:前端先锋

欢送扫描二维码关注公众号,每天都给你推送陈腐的前端技术文章

欢送持续浏览本专栏其它高赞文章:

  • 深刻了解 Shadow DOM v1
  • 一步步教你用 WebVR 实现虚拟现实游戏
  • 13 个帮你进步开发效率的古代 CSS 框架
  • 疾速上手 BootstrapVue
  • JavaScript 引擎是如何工作的?从调用栈到 Promise 你须要晓得的所有
  • WebSocket 实战:在 Node 和 React 之间进行实时通信
  • 对于 Git 的 20 个面试题
  • 深刻解析 Node.js 的 console.log
  • Node.js 到底是什么?
  • 30 分钟用 Node.js 构建一个 API 服务器
  • Javascript 的对象拷贝
  • 程序员 30 岁前月薪达不到 30K,该何去何从
  • 14 个最好的 JavaScript 数据可视化库
  • 8 个给前端的顶级 VS Code 扩大插件
  • Node.js 多线程齐全指南
  • 把 HTML 转成 PDF 的 4 个计划及实现

  • 更多文章 …
退出移动版