共计 2112 个字符,预计需要花费 6 分钟才能阅读完成。
本文列出了精心筛选的清单,其中蕴含精美且 收费的 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 个计划及实现
- 更多文章 …