open-index/open-npm huggingface dataset:
npm package: 24k-ui-kit
Description: Set of UI components for pancake projects
Latest version: 1.5.0

# 🥞 Pancake UIkit

**This repository is not used anymore. See the [https://github.com/pancakeswap/pancake-toolkit](Pancake toolkit) instead**

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: 24k-ui-kit-k
Description: Set of UI components for pancake projects
Latest version: 2.5.3

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: 24pay
Description: Javascript implementation of 24PAY payment system in Slovakia
Author: Samuel Ondrek
Latest version: 1.2.8

# 24Pay (.js)

<br/>

https://www.npmjs.com/package/24pay

## Usage

```
const p24 = require("24pay")

const key = "1234567812345678123456781234567812345678123456781234567812345678"
const iv = "demoOMEDDEMOomed"
const text = "demoOMED10.50EUR10000TestPayment2014-05-05 14:57:13"

const signed = p24(key, iv, text)
console.info(signed) // 51762BFDA1DEBF57B8F655FC113F6062
```

## Notes:

### MID
Do IV the from your "Mid" combined with reversed form of "Mid" 
Eg. If Mid is "abc123", IV param should be "abc123321cba"

### Licence
Use as far as you want. If you are a good person, buy me a beer.

<br/>

Author Samuel Ondrek
npm package: 24s
Description: 24 game solution suite
Author: Jakkaphat Chalermphanaphan
Latest version: 1.0.0

# 24s

24 game solution suite.

## Installation

via [npm](https://www.npmjs.com/package/24s)

```bash
npm install 24s
```

or [pnpm](https://pnpm.io)

```bash
pnpm add 24s
```

## Usage

```typescript
import { solve } from "24s";

const solutions = solve([1, 2, 3, 4]);
console.log(solutions);
```

## Building Locally

### 1. Install Dependencies

`$ pnpm install`

### 2. Build JS from TypeScript source

`$ pnpm tsc`

## Contributions

Contributions are more than welcome! Please see below for contribution types.

### Issue reports

Issue tracker are available at our [GitHub Issues](https://github.com/gxjakkap/24s/issues).

### Pull requests

We also accept PRs as a contribution. Please note that

1. Your PRs should either have new functionality, significant improvements or a bug fix.
2. Your PRs should be well-documented. Describe what you did and what benefits does it provide.

## License

[MIT License](ttps://github.com/gxjakkap/24s/blob/main/COPYING)
npm package: 24testui
Description: Set of UI components for pancake projects
Latest version: 3.1.71

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: 24ui
Description: Set of UI components for pancake projects
Latest version: 0.17.4

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: 256art
Description: A package for artists to easily build on top of 256ART
Author: 256ART
Latest version: 1.1.0

# 256ART

Gives generative artists easy access to data in 256ART pieces in a NodeJS environment.

```
npm install --save 256art
```

```
const TwoFiveSix = require("256art");
```

# Examples

Get metadata for one piece

```
let json = TwoFiveSix.getJsonFromId(1);
```

Get metadata in base64 format for one piece

```
let base64 = TwoFiveSix.getBase64JsonFromId(1);
```

Get all block colors as seeds by converting hex to decimal value from each color in a piece

```
let seedsFromColors = TwoFiveSix.getDecimalFromHexForAllColorsForId(1);
```

Get all block colors for one piece (hex)

```
let blockColors = TwoFiveSix.getBlockColorsForId(1);
```

Get background color for one piece (hex)

```
let bgColor = TwoFiveSix.getBackgroundColorForId(1);
```

Get border color for one piece (hex)

```
let borderColor = TwoFiveSix.getBorderColorForId(1);
```

Get total amount of blocks for one piece

```
let totalBlocks = TwoFiveSix.getTotalBlocksForId(1);
```
npm package: 256art-images
Description: All the images for the 256ART series.
Author: 256ART
Latest version: 1.0.1

# 256ART

Gives generative artists access to all 256ART pieces.

**Please note this is a huge package.**

```
npm install --save 256art-images
```

```
const TwoFiveSixImages = require("256art-images");
```

# Examples

Get full res image in base64 format

```
let image = TwoFiveSixImages.getFullResBase64FromId(1);
```

Get thumbnail in base64 format

```
let thumb = TwoFiveSixImages.getThumbBase64FromId(1);
```
npm package: 256colors
Description: [![Greenkeeper badge](https://badges.greenkeeper.io/bcomnes/256colors.svg)](https://greenkeeper.io/)
Author: Bret Comnes
Latest version: 1.0.6

# 256colors

[![Greenkeeper badge](https://badges.greenkeeper.io/bcomnes/256colors.svg)](https://greenkeeper.io/)

[![release][release-image]][release-url]
[![npm][npm-image]][npm-url]
[![travis][travis-image]][travis-url]
[![coverage][coverage-image]][coverage-url]
[![david][david-image]][david-url]
[![stable][stable-img]][stability-url]


[release-image]: https://img.shields.io/github/release/bcomnes/256colors.svg?style=flat-square
[release-url]: https://github.com/bcomnes/256colors/releases/latest
[npm-image]: https://img.shields.io/npm/v/256colors.svg?style=flat-square
[npm-url]: https://www.npmjs.com/package/256colors
[travis-image]: https://img.shields.io/travis/bcomnes/256colors.svg?style=flat-square
[travis-url]: https://travis-ci.org/bcomnes/256colors
[coverage-image]: https://img.shields.io/codeclimate/coverage/github/bcomnes/256colors.svg?style=flat-square
[coverage-url]: https://codeclimate.com/github/bcomnes/256colors
[david-image]: https://img.shields.io/david/bcomnes/256colors.svg?style=flat-square
[david-url]: https://david-dm.org/bcomnes/256colors
[stable-img]: https://img.shields.io/badge/stability-2%20--%20stable-brightgreen.svg?style=flat-square
[stability-url]: https://iojs.org/api/documentation.html#documentation_stability_index

A port of a 256colors.pl style 256 ansi color swatch for your modern terminal.

Handy for checking if 256 color support is working properly.

## Example

Install:

```sh
$ npm install -g 256colors
```

Then just run:

```sh
$ 256colors
```

for a glorious 256 color swatch:

![](https://cdn.rawgit.com/bcomnes/256colors/master/screenshot.png)