open-index/open-npm huggingface dataset:
npm package: @paper-folding/masonry-layout
Description: Cascading grid layout library
Author: Paper Folding
Latest version: 5.0.8

# Masonry

_Cascading grid layout library_

Masonry works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet.

See [masonry.desandro.com](https://masonry.desandro.com) for complete docs and demos.

## Install

### Download

+ [masonry.pkgd.js](https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.js) un-minified, or
+ [masonry.pkgd.min.js](https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js) minified

### CDN

Link directly to Masonry files on [unpkg](https://unpkg.com/).

``` html
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.js"></script>
<!-- or -->
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
```

### Package managers

[npm](https://www.npmjs.com/package/masonry-layout): `npm install masonry-layout --save`

Bower: `bower install masonry-layout --save`

## Support Masonry development

Masonry has been actively maintained and improved upon for 8 years, with 900 GitHub issues closed. Please consider supporting its development by [purchasing a license for one of Metafizzy's commercial libraries](https://metafizzy.co).

## Initialize

``` js
// vanilla JS
// init with element
var grid = document.querySelector('.grid');
var msnry = new Masonry( grid, {
  // options...
  itemSelector: '.grid-item',
  columnWidth: 200
});

// init with selector
var msnry = new Masonry( '.grid', {
  // options...
});
```

With HTML

Add a `data-masonry` attribute to your element. Options can be set in JSON in the value.

``` html
<div class="grid" data-masonry='{ "itemSelector": ".grid-item", "columnWidth": 200 }'>
  <div class="grid-item"></div>
  <div class="grid-item"></div>
  ...
</div>
```

## License

Masonry is released under the [MIT license](http://desandro.mit-license.org). Have at it.

* * *

Made by David DeSandro
npm package: @paper-folding/outlayer
Description: the brains and guts of a layout library
Author: Paper Folding
Latest version: 3.0.8

# Outlayer

_Brains and guts of a layout library_

Outlayer is a base layout class for layout libraries like [Isotope](http://isotope.metafizzy.co), [Packery](http://packery.metafizzy.co), and [Masonry](http://masonry.desandro.com)

Outlayer layouts work with a container element and children item elements.

``` html
<div class="grid">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  ...
</div>
```

## Install

Install with [Bower](http://bower.io): `bower install outlayer`

[Install with npm](http://npmjs.org/package/outlayer): `npm install outlayer`

## Outlayer.create()

Create a layout class with `Outlayer.create()`

``` js
var Layout = Outlayer.create( namespace );
// for example
var Masonry = Outlayer.create('masonry');
```

+ `namespace` _{String}_ should be camelCased
+ returns `LayoutClass` _{Function}_

Create a new layout class. `namespace` is used for jQuery plugin, and for declarative initialization.

The `Layout` inherits from [`Outlayer.prototype`](docs/outlayer.md).

```
var elem = document.querySelector('.selector');
var msnry = new Masonry( elem, {
  // set options...
  columnWidth: 200
});
```

## Item

Layouts work with Items, accessible as `Layout.Item`. See [Item API](docs/item.md).

## Declarative

An Outlayer layout class can be initialized via HTML, by setting an attribute of `data-namespace` on the element. Options are set in JSON. For example:

``` html
<!-- var Masonry = Outlayer.create('masonry') -->
<div class="grid" data-masonry='{ "itemSelector": ".item", "columnWidth": 200 }'>
  ...
</div>
```

The declarative attributes and class will be dashed. i.e. `Outlayer.create('myNiceLayout')` will use `data-my-nice-layout` as the attribute.

## .data()

Get a layout instance from an element.

```
var myMasonry = Masonry.data( document.querySelector('.grid') );
```

## RequireJS

To use Outlayer with [RequireJS](http://requirejs.org/), you'll need to set some config.

Set [baseUrl](http://requirejs.org/docs/api.html#config-baseUrl) to bower_components and set a [path config](http://requirejs.org/docs/api.html#config-paths) for all your application code.

``` js
requirejs.config({
  baseUrl: 'bower_components',
  paths: {
    app: '../'
  }
});

requirejs( [ 'outlayer/outlayer', 'app/my-component.js' ], function( Outlayer, myComp ) {
  new Outlayer( /*...*/ )
});
```

Or set a path config for all Outlayer dependencies.

``` js
requirejs.config({
  paths: {
    'ev-emitter': 'bower_components/ev-emitter',
    'get-size': 'bower_components/get-size',
    'desandro-matches-selector': 'bower_components/desandro-matches-selector'
  }
});
```

## MIT license

Outlayer is released under the [MIT license](http://desandro.mit-license.org).
npm package: @paperbits/azure
Description: Microsoft Azure client library for Paperbits components.
Author: Paperbits
Latest version: 0.1.661

# Paperbits for Azure

Paperbits is a library of reusable tools and components helping you build web apps with rich content authoring experience for users. It includes in-place editing, advanced drag & drop interface, real-time collaboration, offline capabilities, push-notifications and many other modern features.


## Resources

[Live demo](https://demo.paperbits.io)

[Demo project](https://github.com/paperbits/paperbits-demo)

[Getting started](https://paperbits.io/wiki/getting-started)

[Blog](https://paperbits.io/blog)

[Contributing guide](https://paperbits.io/contributing)


## License
Use of this source code is governed by a Commercial license that can be found in the LICENSE file and at https://paperbits.io/license/mit.

2020 (c) Copyright Paperbits. All Rights Reserved.
npm package: @paperbits/common
Description: Paperbits common components.
Author: Paperbits
Latest version: 0.1.661

# Paperbits common components

Paperbits is a library of reusable tools and components helping you build web apps with rich content authoring experience for users. It includes in-place editing, advanced drag & drop interface, real-time collaboration, offline capabilities, push-notifications and many other modern features.


## Resources

[Live demo](https://demo.paperbits.io)

[Demo project](https://github.com/paperbits/paperbits-demo)

[Getting started](https://paperbits.io/wiki/getting-started)

[Blog](https://paperbits.io/blog)

[Contributing guide](https://paperbits.io/contributing)


## License
Use of this source code is governed by an MIT-style license that can be found in the LICENSE file and at https://paperbits.io/license/mit.

2020 (c) Copyright Paperbits. All Rights Reserved.
npm package: @paperbits/core
Description: Paperbits core components.
Author: Paperbits
Latest version: 0.1.661

# Paperbits core components

Paperbits is a library of reusable tools and components helping you build web apps with rich content authoring experience for users. It includes in-place editing, advanced drag & drop interface, real-time collaboration, offline capabilities, push-notifications and many other modern features.


## Resources

[Live demo](https://demo.paperbits.io)

[Demo project](https://github.com/paperbits/paperbits-demo)

[Getting started](https://paperbits.io/wiki/getting-started)

[Blog](https://paperbits.io/blog)

[Contributing guide](https://paperbits.io/contributing)


## License
Use of this source code is governed by an MIT-style license that can be found in the LICENSE file and at https://paperbits.io/license/mit.

2020 (c) Copyright Paperbits. All Rights Reserved.
npm package: @paperbits/firebase
Description: Firebase client library for Paperbits components.
Author: Paperbits
Latest version: 0.1.661

# Paperbits for Firebase

Paperbits is a library of reusable tools and components helping you build web apps with rich content authoring experience for users. It includes in-place editing, advanced drag & drop interface, real-time collaboration, offline capabilities, push-notifications and many other modern features.


## Resources

[Live demo](https://demo.paperbits.io)

[Demo project](https://github.com/paperbits/paperbits-demo)

[Getting started](https://paperbits.io/wiki/getting-started)

[Blog](https://paperbits.io/blog)

[Contributing guide](https://paperbits.io/contributing)


## License
Use of this source code is governed by an MIT-style license that can be found in the LICENSE file and at https://paperbits.io/license/mit.

2020 (c) Copyright Paperbits. All Rights Reserved.
npm package: @paperbits/gtm
Description: Google Tag Manager library for Paperbits components.
Author: Paperbits
Latest version: 0.1.661

# Paperbits for Google Tag Manager

Paperbits is a library of reusable tools and components helping you build web apps with rich content authoring experience for users. It includes in-place editing, advanced drag & drop interface, real-time collaboration, offline capabilities, push-notifications and many other modern features.


## Resources

[Live demo](https://demo.paperbits.io)

[Demo project](https://github.com/paperbits/paperbits-demo)

[Getting started](https://paperbits.io/wiki/getting-started)

[Blog](https://paperbits.io/blog)

[Contributing guide](https://paperbits.io/contributing)


## License
Use of this source code is governed by an MIT-style license that can be found in the LICENSE file and at https://paperbits.io/license/mit.

2022 (c) Copyright Paperbits. All Rights Reserved.
npm package: @paperbits/intercom
Description: Intercom library for Paperbits components.
Author: Paperbits
Latest version: 0.1.661

# Paperbits for Intercom

Paperbits is a library of reusable tools and components helping you build web apps with rich content authoring experience for users. It includes in-place editing, advanced drag & drop interface, real-time collaboration, offline capabilities, push-notifications and many other modern features.


## Resources

[Live demo](https://demo.paperbits.io)

[Demo project](https://github.com/paperbits/paperbits-demo)

[Getting started](https://paperbits.io/wiki/getting-started)

[Blog](https://paperbits.io/blog)

[Contributing guide](https://paperbits.io/contributing)


## License
Use of this source code is governed by an MIT-style license that can be found in the LICENSE file and at https://paperbits.io/license/mit.

2020 (c) Copyright Paperbits. All Rights Reserved.
npm package: @paperbits/logrocket
Description: LogRocket library for Paperbits components.
Author: Paperbits
Latest version: 1.2.0

# LogRocket integration for Paperbits
 
This repository contains an integration with LogRocket (https://logrocket.com) - a JavaScript SDK which works by intercepting actions in your website/app, such as network requests, touch actions, and Redux events, and sending them to a remote server.

[![Join the chat at https://gitter.im/paperbits/discussions](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/paperbits/discussions)



## Installation

```bash
npm i @paperbits/logrocket --save
```

## Usage
Add imports and registration to `startup.design.ts` file of your project:

```ts
import { LogRocketDesignModule } from "@paperbits/logrocket";
injector.bindModule(new LogRocketDesignModule());
```


## License
Use of this source code is governed by an MIT-style license that can be found in the LICENSE file and at https://paperbits.io/license/mit.

2020 (c) Copyright Paperbits. All Rights Reserved.
npm package: @paperbits/newrelic
Description: New Relic library for Paperbits.
Author: Paperbits
Latest version: 1.0.4

# New Relic integration for Paperbits
 
This repository contains an integration with New Relic (https://newrelic.com) - an observability platform built to help engineers create more perfect software. From monoliths to serverless, you can instrument everything, then analyze, troubleshoot, and optimize your entire software stack. All from one place.

[![Join the chat at https://gitter.im/paperbits/discussions](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/paperbits/discussions)



## Installation

```bash
npm i @paperbits/newrelic --save
```

## Usage
Add imports and registration to `startup.publish.ts` file of your project:

```ts
import { NewrelicPublishModule } from "@paperbits/newrelic";
injector.bindModule(new NewrelicPublishModule());
```

Add NewRelic integration settings to your application data:
```json
{
    "settings": {
        "integration": {
            "newrelic": {
                "licenseKey": "NRJS-XXXXXXXXXXXXXXXXXXX",
                "appId": "XXXXXXXXX",
                "accountId": "XXXXXXX"
            }
        }
    }
}

```

## License
Use of this source code is governed by an MIT-style license that can be found in the LICENSE file and at https://paperbits.io/license/mit.

2020 (c) Copyright Paperbits. All Rights Reserved.
npm package: @paperbits/react
Description: React modules for Paperbits.
Author: Paperbits
Latest version: 1.0.10

# React integration for Paperbits
 
This repository contains modules required to create widgets implemented with React.

[![Join the chat at https://gitter.im/paperbits/discussions](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/paperbits/discussions)



## Installation

```bash
npm i @paperbits/react --save
```

## What's next?
See [React widget](https://github.com/paperbits/examples/tree/master/ui-frameworks/react/components) example.

## License
Use of this source code is governed by an MIT-style license that can be found in the LICENSE file and at https://paperbits.io/license/mit.

2020 (c) Copyright Paperbits. All Rights Reserved.
npm package: @paperbits/styles
Description: Paperbits style editors.
Author: Paperbits
Latest version: 0.1.661

# Paperbits Styles

Paperbits is a library of reusable tools and components helping you build web apps with rich content authoring experience for users. It includes in-place editing, advanced drag & drop interface, real-time collaboration, offline capabilities, push-notifications and many other modern features.


## Resources

[Live demo](https://demo.paperbits.io)

[Demo project](https://github.com/paperbits/paperbits-demo)

[Getting started](https://paperbits.io/wiki/getting-started)

[Blog](https://paperbits.io/blog)

[Contributing guide](https://paperbits.io/contributing)


## License
Use of this source code is governed by an MIT-style license that can be found in the LICENSE file at https://paperbits.io/license/mit.

2022 (c) Copyright Paperbits. All Rights Reserved.
npm package: @paperbits/vue
Description: Vue modules for Paperbits.
Author: Paperbits
Latest version: 1.0.10

# Vue integration components for Paperbits
 
This repository contains modules required to create widgets implemented with Vue.

[![Join the chat at https://gitter.im/paperbits/discussions](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/paperbits/discussions)



## Installation

```bash
npm i @paperbits/vue --save
```

## What's next?
See [Vue widget](https://github.com/paperbits/examples/tree/master/ui-frameworks/vue/components) example.

## License
Use of this source code is governed by an MIT-style license that can be found in the LICENSE file and at https://paperbits.io/license/mit.

2022 (c) Copyright Paperbits. All Rights Reserved.
npm package: @paperchest/afip-qr-react
Description: AFIP QR F960 - React Component
Author: Joel A. Villarreal Bertoldi
Latest version: 1.1.0

# `@paperchest/afip-qr-react`

## Instalación

```bash
# Instalamos el componente (con npm o yarn u otro gestor de paquetes)
npm install @paperchest/afip-qr-react
```

## Modo de uso

```jsx
<AfipQR
  code="..."
  className="miAfipQR"
  title="Consultá nuestro formulario F960" />
```

El código se extrae del link del QR provisto en la página de AFIP.
Por ejemplo, si tu código es `manzana`, en el link de AFIP figurará como:

```
http://qr.afip.gob.ar/?qr=manzana,,
                          |-----|
                          |
                          | este es el valor de "code"
```
npm package: @paperclicks/vue-opti-table-light
Description: VueJS Optimized Datatable
Author: Fabio Papajani
Latest version: 0.78.0

# vue-opti-table-light

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build-bundle
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @papercliplabs/rainbowkit
Description: The best way to connect a wallet
Author: Rainbow
Latest version: 0.11.2

<a href="https://rainbowkit.com">
  <img alt="rainbowkit" src="https://user-images.githubusercontent.com/372831/168174718-685980e0-391e-4621-94a1-29bf83979fa5.png" />
</a>

# RainbowKit

**The best way to connect a wallet 🌈**

RainbowKit is a [React](https://reactjs.org/) library that makes it easy to add wallet connection to your dapp.

- 🔥 Out-of-the-box wallet management
- ✅ Easily customizable
- 🦄 Built on top of [wagmi](https://github.com/tmm/wagmi) and [ethers](https://docs.ethers.io)

## Quick start

You can scaffold a new RainbowKit + [wagmi](https://wagmi.sh) + [Next.js](https://nextjs.org) app with one of the following commands, using your package manager of choice:

```bash
npm init @papercliplabs/rainbowkit@latest
# or
yarn create @papercliplabs/rainbowkit@latest
# or
pnpm create @papercliplabs/rainbowkit@latest
```

## Documentation

For full documentation, visit [rainbowkit.com](https://rainbowkit.com).

### Try it out

You can use the CodeSandbox links below try out RainbowKit:

- with [Create React App](https://codesandbox.io/s/rainbowkit-create-react-app-1vwx1r)
- with [Create React App (TypeScript)](https://codesandbox.io/s/rainbowkit-create-typescript-app-xuxnqy)
- with [Next.js](https://codesandbox.io/s/rainbowkit-nextjs-gz890p)

## Examples

The following examples are provided in the [examples](./examples/) folder of this repo.

- `with-create-react-app`
- `with-next`
- `with-next-custom-button`
- `with-next-mint-nft`
- `with-remix`

### Running examples

To run an example locally, install dependencies.

```bash
pnpm install
```

Then go into an example directory, eg: `with-next`.

```bash
cd examples/with-next
```

Then run the dev script.

```bash
pnpm run dev
```

## Contributing

Please follow our [contributing guidelines](./.github/CONTRIBUTING.md).

## License

Licensed under the MIT License, Copyright © 2022-present [Rainbow](https://rainbow.me).

See [LICENSE](./LICENSE) for more information.
npm package: @paperclipui/cli
Description: Command line tools for Paperclip
Latest version: 18.4.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

CLI tool for compiling paperclip templates.

Installation: `npm install @paperclipui/cli --save-dev`
Documentation: http://paperclip.dev/docs/usage-cli
npm package: @paperclipui/cli-minimal
Description: Minimal command line tool for Paperclip
Latest version: 18.4.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

CLI tool for compiling paperclip templates.

Installation: `npm install @paperclipui/cli --save-dev`
Documentation: http://paperclip.dev/docs/usage-cli
npm package: @paperclipui/cli-utils
Description: CLI utils for Paperclip
Latest version: 18.4.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

CLI tool for compiling paperclip templates.

Installation: `npm install @paperclipui/cli --save-dev`
Documentation: http://paperclip.dev/docs/usage-cli
npm package: @paperclipui/compiler-react
Description: React compiler for Paperclip
Latest version: 18.4.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

React Compiler target for Paperclip

Installation: `npm install @paperclipui/compiler-react --save-dev`
Documentation: http://paperclip.dev/docs/usage-react