精选 web 开发的通用独立 UI 组件

作者: f84f7927e7c1 | 来源:发表于2017-10-12 10:10 被阅读60次

布局

1. 项目名称:视图分割工具 Split.js

项目简介:Split.js 是一个轻量级的 JavaScript 工具,用于创建可调整的分割视图或者窗格。视图可以水平或者垂直分割,在两个元素间可以插入可拖动的 gutter。

示例代码:

.gutter {  background-color: #eee;  background-repeat: no-repeat;  background-position: 50%;  cursor: move;  cursor: grab;  cursor: -moz-grab;  cursor: -webkit-grab;}.gutter.gutter-horizontal {  background-image: url('grips/vertical.png');}.gutter.gutter-vertical {  background-image: url('grips/horizontal.png');}

项目地址:Split.js首页、文档和下载 - 视图分割工具 - 开源中国社区

2. 项目名称:Bricks.js

项目简介:一个快速的布局堆砌器,不需要 HTML 标记或 CSS 样式表即可完成布局。功能强大,配置文件可读。

项目地址:码云极速下载/bricksjs - 码云 Gitee.com

3. 项目名称:jQuery布局插件 Masonry

项目简介:一个老牌布局框架,已开发和维护 8 年,拥有自己的描述语法,采用优雅的链式语法封装自动布局。它可以根据可用的垂直空间将元素放置在最佳位置,类似于在墙壁上砌砖的经验丰富的泥水匠。

项目地址:Masonry首页、文档和下载 - jQuery布局插件 - 开源中国社区

图标

1. 项目名称:简单漂亮的开源图标库 Feather icons

项目简介:一款简单漂亮的开源图标集,强调功能、一致性和简单性。主要设计的使用范畴为应用系统、媒体控制、位置、天气、箭头、徽标等,均为以线条为主的极简化设计。图标遵循 24x24 Grid 设计。

项目地址:码云极速下载/feather-icons - 码云 Gitee.com

2. 项目名称:Material Icons Guide

项目简介:Google 开源的 Material Design 图标集,在 Web 应用,安卓和 iOS 设计中均适用。包含用于媒体播放、通讯、内容编辑、连接等等常用的图标,目前数量已超过 900 个。

项目地址:Material Icons Guide - Google Design

3. 项目名称:Bytesize Icons

项目简介:一个轻量级 style-controlled SVG 图标集,每个图标都是遵循 32x32 Grid 进行手工编码,并使用 SVG 笔画,以实现最大灵活性。这意味着你可以调整颜色、尺寸、量级,以及是否希望边缘为圆形或正方形。

项目地址:Bytesize — Tiny style-controlled SVG iconset

进度

1. 项目名称:NProgress

项目简介:应用于复杂网页的细长进度条,非常轻巧,使用便捷,灵感来源于 Google、YouTube 和 Medium 。它也是极细的纳米级进度条,用逼真的细线条动画让用户看到网页正在发生的事情。

项目地址:NProgress首页、文档和下载 - jQuery 进度条插件 - 开源中国社区

2. 项目名称:jQuery 进度条插件 nanobar.js

项目简介:非常轻量级的进度条,gziped 大小仅约 699 字节。就是很直接的提供一些方法来控制进度条的当前进度。

项目地址:nanobar.js首页、文档和下载 - jQuery 进度条插件 - 开源中国社区

按钮

1. 项目名称:内置加载效果的按钮库 Ladda

项目简介:一款把加载提示效果集成到按钮中,以弥合行动和反馈之间的时间间隔,提供更好的功能使用体验的库。主要用于在用户点击提交之后,即时提供反馈,让他们知道浏览器正在处理用户提交的任务。

项目地址:码云极速下载/ladda - 码云 Gitee.com

2. 项目名称:Web 按钮集合 Buttons

项目简介:一个高度可定制、开箱即用的移动 web 和桌面 css 按钮库,基于SassCompass框架构建,包含各种形状、颜色、边框、2D/3D 、阴影、发光、下拉、分组、堆叠等不同类型的按钮。

项目地址:Buttons首页、文档和下载 - Web 按钮集合 - 开源中国社区

选择器

1. 项目名称:JavaScript 日期选择器 Pikaday

项目简介:一个清爽简洁的 JavaScript 日期选择器,轻量、无依赖,CSS 模块化。

项目地址:JavaScript 日期选择器

2. 项目名称:React Color

项目简介:Sketch、Photoshop、Chrome、Github、Twitter、Material Design 等多种颜色选择器合集,包含 13 种不同的选择器,也可以使用提供的标准组件来创建自己的组件。

项目地址:React Color

码云http://Gitee.com

发现更多优质开源项目:最新推荐 - 码云 - 开源中国

团队流畅、高效开发:码云企业版 - 码云 - 开源中国

相关文章

网友评论

    本文标题: 精选 web 开发的通用独立 UI 组件

    本文链接:https://www.haomeiwen.com/subject/enjnyxtx.html