open-index/open-npm huggingface dataset:
npm package: @jdcfe/yep-gesture
Description: Support gesture for react component
Author: zhaohongyang1
Latest version: 0.0.3

# @jdcfe/yep-gesture
---

Support gesture for react component, inspired by rc-gesture and hammer.js.

## Install

```bash
npm install --save @jdcfe/yep-gesture
```

## Usage

```tsx
import Gesture from '@jdcfe/yep-gesture';

ReactDOM.render(
  <Gesture
    onTap={(gestureStatus) => { console.log(gestureStatus); }}
  >
    <div>container</div>
  </Gesture>,
container);
```
npm package: @jdcfe/yep-mp-com
Description: yep-mp小程序组件库
Author: codeww
Latest version: 0.2.6

### 一、组件库使用说明

（1）安装：

```
  npm install @jdcfe/yep-mp-com
  或者(指定 npm 源)
  npm install @jdcfe/yep-mp-com --registry=https://registry.npmjs.org/
```

（2）构建:

在小程序开发工具里，打开当前要引用组件库的项目，点击“工具”->“构建 npm”，构建完毕后，在文件夹中会出现“miniprogram_npm”文件夹，则表示构建成功。

（3）使用(详细请参看说明文档):

在相应页面的 .json 文件中引入次组件，以 dialog 弹框组件为例：

```
{
  "usingComponents": {
    "dialog":"@jdcfe/yep-mp-com/dialog"
  }
}
```

### 二、说明文档

**http://yep-mp.jd.com**

![](https://img13.360buyimg.com/imagetools/jfs/t1/42279/5/10568/69342/5d3fa408Eb69c4270/eb6c6e3717cc6d00.png)

### 三、小程序 demo 示例

微信搜索 **YepMP** 小程序

![](https://img14.360buyimg.com/imagetools/jfs/t1/78606/20/5883/45474/5d3fa3afEa3dbc35b/f631c9b98948c72f.jpg)
npm package: @jdcfe/yep-popover
Description: popover for yep-react
Author: zhaohongyang1
Latest version: 0.0.1

# @jdcfe/yep-gesture
---

Support gesture for react component, inspired by rc-gesture and hammer.js.

## Install

```bash
npm install --save @jdcfe/yep-gesture
```

## Usage

```tsx
import Gesture from '@jdcfe/yep-gesture';

ReactDOM.render(
  <Gesture
    onTap={(gestureStatus) => { console.log(gestureStatus); }}
  >
    <div>container</div>
  </Gesture>,
container);
```
npm package: @jdcfe/yep-react
Description: 一套移动端的React组件库
Author: jdf2e
Latest version: 1.0.10

<p align="center">
    <img alt="logo" src="https://storage.jd.com/imgtools/a88936e68d-2f02ea30-b2ac-11e9-b365-ffed7307867d.png" width="120" style="margin-bottom: 10px;">
</p>
<h3 align="center" style="margin: 30px 0 0;">React Components that implement Mobile Design</h3>
<p align="center"><img src="https://img.shields.io/npm/v/@jdcfe/yep-react.svg?style=flat-square" alt="npm version" /> <img alt="preview badge" src="https://img.shields.io/npm/dw/@jdcfe/yep-react"></p>

<p align="center">
  🇨🇳 <a href="./README-zh_CN.md">访问中文版</a>
</p>

---

## Features

- React@18
- 50+ Reusable components
- Extensive documentation and demos
- Support babel-plugin-import
- Support Custom Theme
- Support TypeScript
- Unit test blessing

## Install & Start

[quick start](https://zhhyang.github.io/yep-react/#/doc/get-started)

## React Version

- `react^18.0.0`

## Browser Support

- `iOS 7`
- `Android 4.0+`

## Links

- [Website](https://zhhyang.github.io/yep-react/)
- [Documentation](https://zhhyang.github.io/yep-react/#/doc/get-started)
- [Changelog](https://zhhyang.github.io/yep-react/#/doc/CHANGELOG)

## Contribution

You can submit any ideas as [pull requests](https://github.com/zhhyang/yep-react/pulls) or as [GitHub issues](https://github.com/zhhyang/yep-react/issues).

## Preview

You can scan the following QR code to access the demo：

<img src="https://img14.360buyimg.com/imagetools/jfs/t28423/177/1558757309/5251/e5003733/5ce3d317N0f3bb003.png" width="200" height="200" >

## License

[MIT](https://github.com/zhhyang/yep-react/blob/master/LICENSE)
npm package: @jdcfe/yep-tools
Description: [![npm package](https://img.shields.io/npm/v/@jdcfe/yep-tools.svg?style=flat-square)](https://www.npmjs.org/package/@jdcfe/yep-tools)
Latest version: 0.1.13

# @jdcfe/yep-tools 🔧🔧🔧

[![npm package](https://img.shields.io/npm/v/@jdcfe/yep-tools.svg?style=flat-square)](https://www.npmjs.org/package/@jdcfe/yep-tools)

Tools for not only [Yep-React](https://github.com/jdf2e/yep-react) but also react components written by TypeScript 

```bash
yep-tools run dev
yep-tools run dist 
yep-tools run compile
yep-tools run clean
yep-tools run watch
yep-tools run build:demo
```

## yep-tools run dev 

组件的demo默认example文件下，index.tsx,样式支持css、.module.css、scss、.module.scss

## yep-tools run build:demo

编译构建组件的demo，生成可预览的文件
npm package: @jdchw/gridanimationwithsmoothscroll
Description: Animations on scroll for images when they enter/leave the viewport
Author: Codrops
Latest version: 1.0.3

# Grid Scroll Animations

Various effects for images when scrolling a page with a grid.

![Image Title](https://tympanus.net/codrops/wp-content/uploads/2022/05/scrollanimations_feat.jpg)

[Article on Codrops](https://tympanus.net/codrops/?p=63672)

[Demo](http://tympanus.net/Development/ScrollAnimationsGrid/)


## Installation

Install dependencies:

```
npm install
```

Compile the code for development and start a local server:

```
npm start
```

Create the build:

```
npm run build
```

## Credits

- Images from [Unsplash](https://unsplash.com/)

## Misc

Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/codrops), [GitHub](https://github.com/codrops), [Instagram](https://www.instagram.com/codropsss/)

## License
[MIT](LICENSE)

Made with :blue_heart:  by [Codrops](http://www.codrops.com)