出处:

Twitter BootStrap已经火过大江南北,对于无法依赖美工的程序员来说,这一成熟前卫的前端框架简直就一神器,轻轻松松地实现出专业的UI效果。GitHub上相关的的开源项目更是层出不穷,在此整理列举一些感觉不错的组件或增强实现,供大家借鉴。

     显示

  • 替换alert()消息和其他用户交互通知。

  • 可以用Bootstrap或jQueryUI主题的Jquery表格组件。

  • 实现替换alert(), prompt(),confirm()通知的Bootstrap组件。

  • 一个展示如何在Bootstrap导航菜单中实现SubNavs的例子。

  • 基于BootStrap实现的JQuery对话框插件。

  • Bootstrap遮罩层(lightbox)对话框实现。

  • 轻量级的实现类似微博@username功能的输入感知插件。

  • Bootstrap或jQuery UI适用的JavaScript通知。

  • 基于Bootstrap的“手风琴”排版向导。

  • 一个简单但功能全面的分页组件,基于jQuery,同时支持Bootstrap。

  • 标签(tags)输入提示的JQuery插件。

  • Bootstrap风格的jQuery表格。

  • 快速构建产品介绍的Bootstrap提示框(类似软件启动时的“每日一问”)。

  • 顾名思义,Bootstrap标签(tags)功能的实现。

  • 基于Bootstrap实现各种箭头图标。

  • Bootstrap消息提示对话框的扩展。

  • 胶囊盒效果,经常用于tags显示与控制。

  • 一个可以编辑、搜索、排序的表格组件,非常大方漂亮(Fuel UX的其他扩展也很不错)。

  • Windows8的Metro效果实现。

  • 另一款实现网站介绍(“每日一问”等)的Bootstrap提示框。

  • 局部带透明滚动条DIV的效果。

  • 多种颜色的Bootstrap进度条(貌似新版Bootstrap已实现此功能)。

  • 基于Bootstrap UI的HTML5视频播放器插件。

  • 动态分页功能实现。

  • Bootstrap模态对话框扩展,可用于图片展示站。

  • 表格扩展,可以进行改变主题、排序等操作。

  • 一个简单的即时显示编辑框。

  • 自动展开菜单的下拉菜单实现,可以很好地适应移动设备。

  • 又一款Win8的Metro样式实现。

  • 遮罩层扩展,可用于图片展示或登录框。

  • BootStrap实现的圆点,可用来表述数值大小。

  • 提示框扩展。

  • Bootbox.js是一个小巧的JavaScript库,允许你生成一个程序化的对话框.

     表单

  • 带验证提示的输入框改进。

  • 出自FUEL UX的树形列表组件。

  • 出自FUEL UX的step by step导航条。

  • 具有联想功能的输入框,可用于搜索提示。

  • Bootstrap实现的双重列表框组件(左右栏内容移动),适用于移动设备。

  • jQuery颜色选择(吸管)功能。

  • Bootstrap提示框实现Jquery验证提示

  • 一款基于Bootstrap的“所见即所得”在线编辑器。

  • 漂亮的日期/时间选择组件

  • 基于Google Font API的文字选择下拉框

  • 又一款不错的日期选择组件

  • 基于JQuery的多选下拉菜单组件

  • 范围滑动选择的jQuery插件

  • Bootstrap扩展,增强了很多功能,如输入框、表单、图标等,值得一看。

  • 地址选择输入框(支持google maps)。

  • JQuery文件上传组件,支持多文件选取和进度条。

  • 基于BootStrap实现的右键菜单。

  • BootStrap下拉菜单美化改进

  • 数字输入框

  • 搜索框

  • 支持HTML5的“所见即所得”在线编辑器

  • 下拉菜单增强美化

  • 支持json数据回调的下拉菜单增强

  • 一款界面友好的上传组件。

  • 点击链接即可编辑的编辑组件(结合ajax实现页面无刷新)。

  • BootStrap可用的JQuery验证插件。

  • 美化默认的单选和多选选择框。

  • 美化选择组件,如下拉菜单,输入框等。

  • 基于Ajax的快速输入框

  • ON/OFF切换,类似IOS上的UI风格

     输入

  • 界面很新颖的时间选择组件

  • FUEL UX出品的美化下拉菜单

  • 时区选择下拉菜单

  • 语言选择下拉菜单

  • 手机号码输入框

  • 国家选择下拉菜单

  • 日期段选择组件

  • 日期选择组件

  • 又一款颜色选择器(吸管),效果很棒。

转载请注明: