10套超漂亮的Bootstrap UI KIT(已转Html格式)

标签： 优秀设计资源 UI KIT UI设计 网页素材 | 发表时间：2014-03-14 15:32 | 作者：设计 达人
出处：http://www.shejidaren.com

我们平时分享过不少的精品 UI KIT PSD素材，这些组件虽然很漂亮，但是要转换成HTML网页格式时却不是一件容易的事情，因为UI组件元素很多，如果要转HTML需要不少的时间，而且要精通前端技术。

今天设计达人网整理自pixelkit上的免费UI KIT素材，这些PSD已经转成DIV+CSS格式，可以直接快速的应用在网页上，更棒的是它使用Bootstrap框架编写，最新的HTML5+CSS3技术都有了，所以你绝对不怕过时！

这次分享的组件带有帮助文档，让你使用的时候更得心应手，如果免费版不满足你，可以购买高级版（Premium Version）而且价格十分便宜！好吧，赶快下载和分享给你的朋友们，免费的哦！（打包下载链接在文章底部）

Funky Tunes

这个Funky Tunes组件设计有梦幻般的美丽，适合用在音乐、视频类的APP或网站。

free-bootstrap-ui-kit-1

在线DEMO | 使用文档 | 高级版(付费)

Skinny Frames

这个Skinny Frames使用了扁平化风格设计，适合于网站平台，如果想跟紧潮流，玩玩扁平化，这个组件可以选择哦，而且配色很容易修改，通过在线网页 配色工具来换个颜色主题或许会有另一番风景哦！

free-bootstrap-ui-kit-2

在线DEMO | 使用文档 | 高级版(付费)

City Break

这个City Break使用蓝色Web配色，适合用于旅游、酒店、机票等服务类型网站。

free-bootstrap-ui-kit-3

在线DEMO | 使用文档 | 高级版(付费)

Chubby Stacks

前面介绍平面的设计太多了，再回来看看带质感的UI也很不错的，这套绿色风格的Chubby Stacks组件包设计很漂亮，好在已经写好HTML，节省了我们N多时间哇！

free-bootstrap-ui-kit-4

在线DEMO | 使用文档 | 高级版(付费)

Sweet Candy

精美而又可爱的UI设计组件，用在个人博客、网站很不错呢。

free-bootstrap-ui-kit-5

在线DEMO | 使用文档 | 高级版(付费)

Arctic Sunset

free-bootstrap-ui-kit-6

在线DEMO | 使用文档 | 高级版(付费)

Dark Velvet

暗调的UI KIT，就像黑色一样，看上去很有感觉，如果用在网站上，不知道视觉效果会怎样呢？欢迎尝试。

free-bootstrap-ui-kit-7

在线DEMO | 使用文档 | 高级版(付费)

Vanilla Cream

质感和平面，到底哪个最好，其实没有最好，只有更好。（废话）

free-bootstrap-ui-kit-8

在线DEMO | 使用文档 | 高级版(付费)

Metro Vibes

这个UIKIT最早是在Dribbble上看到的，现在已经有HTML版本，实在太棒了！

ui设计

在线DEMO | 使用文档 | 高级版(付费)

Modern Touch

时尚的扁平化设计风格，这个设计除了桌面平台，也十分适合手持设备，另外配色也很赞！Nice!

free-bootstrap-ui-kit-10

在线DEMO | 使用文档 | 高级版(付费)

素材版权：本UI KITS素材包在 MIT条款下免费使用。
素材格式：HTML,内含使用文档。
打包下载地址(40MB)： 微盘下载 | Github下载
Copyright ©2010-2013 ¦ RSS订阅 ¦ 新浪微博 ¦ 本文链接 ¦ 添加评论

相关 [漂亮 bootstrap ui] 推荐：

10套超漂亮的Bootstrap UI KIT(已转Html格式)

- - 设计达人
我们平时分享过不少的精品 UI KIT PSD素材，这些组件虽然很漂亮，但是要转换成HTML网页格式时却不是一件容易的事情，因为UI组件元素很多，如果要转HTML需要不少的时间，而且要精通前端技术. 今天设计达人网整理自pixelkit上的免费UI KIT素材，这些PSD已经转成DIV+CSS格式，可以直接快速的应用在网页上，更棒的是它使用Bootstrap框架编写，最新的HTML5+CSS3技术都有了，所以你绝对不怕过时.

漂亮的系统后台UI 欣赏

- 飞虫 - 博客园-首页原创精华区
     UI即User Interface（用户界面）的简称. UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计. 好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点..        现在软件设计也分为两个部分：编码设计与UI设计.

[原]Bootstrap，Bagging，Boosting

- - 狮子座明仔知识集散场
Bootstrap(自助法). Bootstrap，即“自助法”，是用小样本来估计大样本的统计方法. 子样本之于样本，可以类比样本之于总体. 你要统计你们小区里男女比例，可是你全部知道整个小区的人分别是男还是女很麻烦对吧. 于是你搬了个板凳坐在小区门口，花了十五分钟去数，准备了200张小纸条，有一个男的走过去，你就拿出一个小纸条写上“M”，有一个女的过去你就写一个“S”.

Bootstrap,网站模板,bootstrap模板

- - CSDN博客Web前端推荐文章
日期：2013-3-31  来源： GBin1.com. Charisma是一套全功能的，免费，会员质量的响应式HTML5管理员界面模板，基于 "Bootstrap"，拥有了9套不同的主题颜色内容，可以满足你的不同需要. 完全响应式，针对了移动设备和触摸设备优化. 基于bootstrap，同时也支持jQuery UI.

向Twitter Bootstrap 学习什么？

- junyu - 知乎的博客
什么是 Twitter Bootstrap. Twitter 有一位风格清新的设计师 Mark Otto（此人之前在 Zurb）[1]，他负责了很多 Twitter 非前台的页面设计，比如 Dev、Support 和 Promoted Products 的设计. 去年，Mark 在自己网站发布了一套基于 Less [2] 框架的工具合集（mixins）—— Bootstrap.less [3]，方便前端开发（静态部分）.

BootStrap入门教程 (三)

- - 博客园_首页
      上讲回顾：Bootstrap的基础CSS(Base CSS)提供了优雅，一致的多种基础Html页面要素，包括排版,表格,表单,按钮等,能够满足前端工程师的基本要素需求.       Bootstrap作为完整的前端工具集，内建了大量的强大优雅可重用的组件,包括按钮(Button),导航(Navigation),标签(Labels)，徽章(Badges)，排版(Typography)，缩略图( thumbnails),提醒(Alert)，进度条(progress bar)，杂项(Miscellaneous).

BootStrap入门教程 (二)

- - 博客园_首页
        上讲回顾：Bootstrap的手脚架(Scaffolding)提供了固定(fixed)和流式(fluid)两种布局，它同时建立了一个宽达940px和12列的格网系统.       基于手脚架(Scaffolding)之上，Bootstrap的基础CSS(Base CSS)提供了一系列的基础Html页面要素，旨在为用户提供新鲜、一致的页面外观和感觉.

BootStrap入门教程 (一)

- - 博客园_首页
     2011年，twitter的“一小撮”工程师为了提高他们内部的分析和管理能力，用业余时间为他们的产品构建了一套易用、优雅、灵活、可扩展的前端工具集-- BootStrap. Bootstrap由 MARK OTTO和 Jacob Thornton所设计和建立，在 github上开源之后，迅速成为该站上最多人 watch& fork的项目.

【外刊IT评论网】Twitter Bootstrap

- - 外刊IT评论网
Bootstrap是一个基于HTML，CSS，JAVASCRIPT的简洁灵活的. 它目前是GitHub 上最火的一个项目. 美国国家航空航天局和美国MSNBC有线新闻频道都使用了它. 本文的作者是Bootstrap的创始人之一. 我并不认为从开发Bootstrap框架中学到了任何东西. 事实上，我非常确信，我不会学到任何东西.

这正在 Bootstrap 化的世界

- - 萝卜网
一、无处不在的 Bootstrap. 你是否见过这样蓝色的光泽效果的文本框. 如果你对以上任何一个问题的回答是「是」的话，或者，或者你见过这种风格的其他元素的话，那么，恭喜您，你也见过 Bootstrap 了. 二、伟大的 Bootstrap. 来自 Twitter 的 Bootstrap 项目是 Twitter 开发的一套设计框架.