# ibox

> iBox is a WebApp UI JavaScript library that the feature like iOS 7.

Latest version **2.0.6** (published 2015-03-26) · MIT license · 0 weekly downloads

## Install

```sh
npm install ibox
pnpm add ibox
yarn add ibox
bun add ibox
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.6 |
| Published | 2015-03-26 |
| First published | 2013-05-26 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | * |
| Dependencies | 1 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Max Zhang |
| Maintainers | zhangdaiping |
| Keywords | ibox, ibox2, ios, ios7, mobile |

## Links

- npm: https://www.npmjs.com/package/ibox
- Homepage: https://github.com/maxzhang/ibox
- Issues: https://github.com/maxzhang/ibox/issues
- npm.io page: https://npm.io/package/ibox

## Dependencies (1)

- [iscroll](https://npm.io/package/iscroll.md) ~5.0.4

## Recent versions

- 2.0.6 (latest) — 2015-03-26
- 1.0.7 — 2013-07-23
- 1.0.6 — 2013-07-01
- 0.0.6 — 2013-06-09
- 0.0.5 — 2013-06-08
- 0.0.4 — 2013-05-31
- 0.0.3 — 2013-05-29
- 0.0.2 — 2013-05-28
- 0.0.1 — 2013-05-26

## README

# iBox2 - A WebApp UI JavaScript Library

iBox2 是一个仿 iOS 7 界面/交互的 JavaScirpt 库，它运行在 webkit 内核的移动浏览器之上，依赖 [iScroll5](https://github.com/cubiq/iscroll)，帮助开发者构建更接近 iOS 体验的 WebApp。

**Note: Test on iPhone5/iOS7 & iPhone4s/iOS6**

### iBox v2.0 的特征：

* 适配iOS7效果；
* 更加注重扩展性，可以自定义Header组件；
* 接口设计更加简洁，尽量将外部调用最简单；

### 使用iBox

iBox 包括两部分：ibox.js、css(resources/css)

引入CSS
```
<link rel="stylesheet" href="../../resources/css/ibox.css" media="all" />
```

引入JS，依赖 iScroll5
```
<script type="text/javascript" src="../share/iscroll-lite-5.0.5.min.js"></script>
<script type="text/javascript" src="../../ibox.js"></script>
```

### Simple Example

http://maxzhang.github.io/dev/ibox2/examples/simple/index.html

#### 截图

<img src="https://raw.github.com/maxzhang/ibox2/master/examples/share/feature.png" width="320" />

---
_Source: https://npm.io/package/ibox · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._