20 个现成编码的 HTML UI 套件免费赠品

已发表: 2017-11-21

你会喜欢这个的! 是的! UI 套件是我最喜欢下载的免费赠品之一,我相信很多设计师都会同意我的观点。 UI 工具包通常以完全分层的 PSD 文件形式出现。 如果它们也可以准备好编码怎么办? 那岂不是很厉害?! 好吧,他们来了!

目录隐藏
平面设计用户界面 - HTML5 + CSS3
响应式平面 UI 套件 – HTML
CSS 和 HTML 中的轻量级 UI 工具包
Bootflat – Bootstrap 的扁平化 UI 套件
免费的 PSD 和 HTML 平面 UI 套件
平面管理 UI 套件
别针
电子邮件 UI 套件仪表板
免费的 PSD/HTML Web UI 元素工具包
Futurico UI HTML
材料套件
CSS3 UI 工具包
CSS 用户界面 UI 工具包
纸包
尤里卡用户界面工具包
平面 UI CSS/HTML 工具包
YAUI 套件 v2
免费的 Flatby UI 套件
99Lime HTML KickStart
CSS3 UI 工具包 (PSD+CSS)
免费的 HTML 平面 UI

我在网上找到了 20 个最好的现成编码 HTML UI 工具包! 这些都是新的,遵循最新的设计趋势,一定会派上用场! 享受!

平面设计用户界面 - HTML5 + CSS3

这是一个惊人的平面设计 UI 工具包,免费提供 HTML5 和 CSS 代码! 你还能要求什么呢?!

平面设计用户界面 - HTML5 + CSS3 别针

响应式平面 UI 套件 – HTML

设计师构建了这些 UI 元素,以便与最新版本的 Bootstrap 集成并并排放置。

响应式平面 UI 套件 – HTML 别针

CSS 和 HTML 中的轻量级 UI 工具包

这是一个功能丰富的用户界面工具包,包含按钮、输入字段、滑块、进度条和各种其他表单元素。 这个 UI 工具包是用 CSS 和 HTML 为您完全编码的,这使您可以将其放入您自己的网站。

CSS 和 HTML 中的轻量级 UI 工具包 别针

Bootflat – Bootstrap 的扁平化 UI 套件

Bootflat 基于 Bootstrap 3.3.0 构建,是最时尚、最直观、最强大的移动优先 Web 开发前端框架。 这个扁平的 UI 工具包使用轻量级的高性能插件来增强其性能并减小 CSS 和 JavaScript 文件的大小。 这个工具包的组件是用 HTML5 和 CSS3 构建的,它们也有多种配色方案。 您可以轻松自定义此套件。 这个扁平化 UI 套件最好的部分是它是完全响应的。 它在构建时考虑到了移动设备,并提供了屏幕外导航。 它的几乎所有小部件都与所有屏幕尺寸兼容。

Bootflat HTML UI 工具包 别针

免费的 PSD 和 HTML 平面 UI 套件

这是一个令人惊叹的平面设计 UI 套件。 它有 PSD 和 HTML 两种版本,并包含令人敬畏的图形元素,可以混合这些元素来制作真正引人注目的界面设计。 下载内容包含社交网络图标、字形、色板、导航栏等等。

免费的 PSD HTML 平面 UI 套件 别针

平面管理 UI 套件

这是另一个有用的平面 UI 工具包,您可以免费使用。 这是专门为管理界面制作的。 它有很多有用的元素,扁平化设计看起来很友好,而且还作为一个免费的 HTML/CSS UI 工具包提供。

平面管理 UI 套件 别针

电子邮件 UI 套件仪表板

这个 UI 工具包正是你需要的一个很棒的用户界面。 该集合包含许多用于电子邮件用户界面和仪表板的有用代码。 它非常有用,并且代码是免费提供的。 确保立即获得它们、研究它们、定制它们并将它们集成到您自己的项目中。

电子邮件 UI 套件仪表板 别针

免费的 PSD/HTML Web UI 元素工具包

这是一个免费的 Web UI 集,包含 PSD 和代码格式(HTML、CSS 和 jQuery)。 HTML 文件也是免费的。 该套装完全分层,可以轻松定制并适应您当前的项目。 这个例子非常有用,它肯定会为您节省大量时间。

免费 PSD/HTML Web UI 元素工具包(套装) 别针

Futurico UI HTML

如果您想要更多 UI 工具包,那么您可能也想尝试 Futurico。 这是基于 Futurico UI 元素包的免费版本创建的 UI HTML Web 元素包。 此包的元素已准备好使用为设计师和开发人员创建的 Futurico UI HTML 组件。

Futurico UI HTML 别针

材料套件

Material Kit 是一个免费的 Bootstrap UI 工具包,具有清新现代的设计。 它的灵感来自谷歌的材料设计。 这个 UI 集很漂亮,你一定会喜欢它的组件。 随着 Bootstrap 元素的重新设计,您将找到三个完全编码的示例页面,以帮助您设计下一个项目。 该套件利用光、表面和运动,并将它们组合成一些您可以自由使用的非常好的元素。 它使用了经过深思熟虑的颜色选择、图像和大型排版。

创意蒂姆的材料套件 别针

CSS3 UI 工具包

这是一个完全编码的 CSS3 UI 工具包,包括搜索框、复选框、单选按钮等所有内容! 此示例在 Chrome 和 Safari 中运行良好。

CSS3 UI 工具包 别针

CSS 用户界面 UI 工具包

地铁风格和半扁平化设计都是时下非常流行的。 Gumby 2 的 UI 套件包含最新的设计趋势。 这个 UI 工具包允许选择和混合平面设计与其他风格,你甚至有用于混合和匹配两种 Gumby 框架 UI 风格的内置类。

CSS 用户界面 UI 工具包 别针

纸包

Paper Kit 是另一个免费的 Bootstrap UI 工具包,您可以使用它来进行创造性的界面设计。 这个例子不是材料、平面或 iOS 的灵感,而是它是独一无二的,它将帮助你用一个新的和引人注目的设计来做你的标记。 它提供了许多元素,所有这些元素都具有响应式设计,一旦集成到您当前的项目中,在所有浏览器和设备上都会看起来很棒。 该套件的创建考虑了纸张和图纸。 其设计理念的重点是浅色、漂亮的排版和图纸。 试试看,如果你喜欢它,可以在当前或旧项目中使用它,让它们焕然一新。

由 Creative Tim 设计的 Paper Kit HTML UI Kits Freebies 别针

尤里卡用户界面工具包

这是一个可爱的免费 UI 工具包,它使用深色调色板。 它包含按钮、复选框、单选框、滑块等,您可以在当前项目中免费使用所有这些。

尤里卡用户界面工具包 别针

平面 UI CSS/HTML 工具包

这是一组免费提供 HTML 和 CSS 代码的平面 UI 元素。 这个 UI CSS 和 HTML 工具包非常好,它包含许多平面用户界面元素,您可以使用、混合和自定义这些元素来制作一个很棒的项目。

平面 UI CSS HTML 工具包 别针

YAUI 套件 v2

这是一个紫色的 UI 套件,包含许多元素,例如滑块、评级、进度步骤、菜单等。 他们有一个漂亮而多彩的设计。

YAUI 套件 v2 别针

免费的 Flatby UI 套件

Flatby 是一个免费的、扁平的 UI 工具包,用于您的项目,它提供了许多有用的元素。 它使用 SCSS 类型的 sass 作为样式表,并且具有出色的设计。

Flatby UI 别针

99Lime HTML KickStart

HTML KickStart 经过测试并在 IE 8+、Safari、Chrome、Firefox、Opera、Safari IOS、浏览器和 Chrome Android 中运行。 这个 UI 工具包包含按钮、图标、样式等等。

HTML KickStart HTML 元素和文档 别针

CSS3 UI 工具包 (PSD+CSS)

这包括从 GUI 开关和按钮到单选按钮和复选框的所有内容,所有这些都可以免费使用。 还包括 Photoshop PSD 文件,供那些想要编辑设计或放大图像的人使用。

CSS3 UI Kit (PSD+CSS) HTML UI Kits 免费赠品 别针

免费的 HTML 平面 UI

Flat UI Free 是在 Twitter Bootstrap 的基础上制作的,使用了令人惊叹的扁平化风格。 该套件还包括供设计师使用的 PSD 版本。

免费的 HTML 平面 UI 别针