open-index/open-npm huggingface dataset:
npm package: @nerdbond/tint-text
Description: <br/> <br/> <br/> <br/> <br/> <br/> <br/>
Latest version: 0.0.3

<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>

<h3 align='center'>@nerdbond/tint-text</h3>
<p align='center'>
  Isomorphic Color Logging in TypeScript
</p>

<br/>
<br/>
<br/>

## Installation

```
pnpm add @nerdbond/tint-text
yarn add @nerdbond/tint-text
npm i @nerdbond/tint-text
```

## Usage

```ts
import tint from '@nerdbond/tint-text'

const P = { tone: 'magenta' }
const G = { tone: 'green' }

console.log(`${tint('hello', P)} ${tint('world', P)}`)
```

<p align='center'>
  <img src='https://github.com/nerdbond/tint-text.js/blob/make/view/tint.png?raw=true' width='380'/>
</p>

## License

MIT

## NerdBond

This is being developed by the folks at [NerdBond](https://nerd.bond), a
California-based project for helping humanity master information and
computation. Find us on [Twitter](https://twitter.com/nerdbond),
[LinkedIn](https://www.linkedin.com/company/nerdbond), and
[Facebook](https://www.facebook.com/nerdbond). Check out our other
[GitHub projects](https://github.com/nerdbond) as well!
npm package: @nerdbond/tone-code
Description: <br/> <br/> <br/> <br/> <br/> <br/> <br/>
Latest version: 0.3.1

<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>

<h3 align='center'>@nerdbond/tone-code</h3>
<p align='center'>
  Generate obscure IDs using <a href="https://github.com/nerdbond/tone">Tone's</a> alphabet
</p>

<br/>
<br/>
<br/>

Generate pseudorandom keys and such for DB IDs or whatever else IDs. Not
secure, it's not supposed to be secure, just here to make it appear
non-sequential to the average person :).

```
pnpm add @nerdbond/tone-code
yarn add @nerdbond/tone-code
npm i @nerdbond/tone-code
```

## Example

```ts
import { make4, make32 } from '@nerdbond/tone-code'

console.log(make4(256n)) // => MHZL
console.log(make32(256n)) // => ZFHDWMVBWWZXKZKTFSTVFHXNWWDVVKCM
```

## License

MIT

## NerdBond

This is being developed by the folks at [NerdBond](https://nerd.bond), a
California-based project for helping humanity master information and
computation. NerdBond started off in the winter of 2008 as a spark of an
idea, to forming a company 10 years later in the winter of 2018, to a
seed of a project just beginning its development phases. It is entirely
bootstrapped by working full time and running
[Etsy](https://etsy.com/shop/nerdbond) and
[Amazon](https://www.amazon.com/s?rh=p_27%3AMount+Build) shops. Also
find us on [Facebook](https://www.facebook.com/nerdbond),
[Twitter](https://twitter.com/nerdbond), and
[LinkedIn](https://www.linkedin.com/company/nerdbond). Check out our
other GitHub projects as well!
npm package: @nerdcel/vue-background-fade
Description: Background image fader.
Latest version: 0.2.0

# vue-background-fade

Background image fader.

## Usage

run:  
```
npm i --save @nerdcel/vue-background-fade 
or  
yarn add @nerdcel/vue-background-fade
```

### In your Vue main.js:

```
import Vue from 'vue';  
import BackgroundFade from '@nerdcel/vue-background-fade';

Vue.use(BackgroundFade);
```

### In your template
```
<background-fade :images=[...your_values] 
                 :interval="5000" 
                  transition="fade" 
                  mode='fixed'
></background-fade>
```

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Lints and fixes files
```
yarn lint
```

### Jest Unit test
```
yarn test:unit
```
npm package: @nerdcel/vue-snap-gallery
Description: Image slider using css snap-scroll
Latest version: 0.1.5

# vue-snap-gallery

Image slider using css snap-scroll

## Usage

run:  
```
npm i --save @nerdcel/vue-snap-gallery 
or  
yarn add @nerdcel/vue-snap-gallery
```

### In your Vue main.js:

```vue
import Vue from 'vue';  
import SnapGallery from '@nerdcel/vue-snap-gallery';

Vue.use(SnapGallery);
```

### In your template
```vue
<snap-gallery :srcset="[{src: '...'}, {...}]"
              gap="3"
              :event="customEvent"
              ref="gallery"
              :autoplay="true"
              interval="3000"
              delay="5000"
/>
```

### Component Properties
| Name   | Description                          |
|:-------|:-------------------------------------|
| srcset |`[{src: '...'}, {...}]`               |
| gap    | Defines gap between images (x * 10px)|
| event  | Custom click event on image.
|        | `(index, img) => { ...doStuff }`     |
| ref    | To call methods from outside,
|        | e.g this.$refs.gallery.goTo(2)       |
|autoplay| `true` **or** `false`                |
|interval| Autoplay interval in ms. E.g. 3000   |
|delay   | Delay for paused autoplay in ms.     |

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Lints and fixes files
```
yarn lint
```

### Jest Unit test
```
yarn test:unit
```