open-index/open-npm huggingface dataset:
npm package: @johnboythesixth/uikit
Description: Set of UI components for pancake projects
Latest version: 0.10.9

# 🥞 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: @johnbraum/acs-nfc-scanner
Description: Scans NFC cards with the acs scanners for iOS
Author: Marcel Golob
Latest version: 0.0.14

# @johnbraum/acs-nfc-scanner

Scans NFC cards with the acs scanners for iOS

## Install

```bash
npm install @johnbraum/acs-nfc-scanner
npx cap sync
```

## API

<docgen-index>

* [`showScannerList()`](#showscannerlist)
* [`scanCard()`](#scancard)

</docgen-index>

<docgen-api>
<!--Update the source file JSDoc comments and rerun docgen to update the docs below-->

### showScannerList()

```typescript
showScannerList() => any
```

**Returns:** <code>any</code>

--------------------


### scanCard()

```typescript
scanCard() => any
```

**Returns:** <code>any</code>

--------------------

</docgen-api>
npm package: @johnbraum/capacitor-qrscanner
Description: QR Scanner for Capacitor
Author: Marcel Golob
Latest version: 1.1.13

## General
Current version works with iOS and Android
There are no styling options or camera settings now.

## Installation

```
npm i @johnbraum/capacitor-qrscanner
```  
  
In your specific view:

For Capacitor v2 (version before v1.1.0)
```
import { Plugins } from '@capacitor/core';
const { CapacitorQRScanner } = Plugins;
```  

For Capacitor v3 (version >= v1.1.7)
```
const { CapacitorQRScanner } = '@johnbraum/capacitor-qrscanner';
```
Then just call the method:  
```
let result = await CapacitorQRScanner.scan();
```

Access the found code `result.code`

## Bugs / Feedback
If you have problems or questions:  
https://bitbucket.org/golbros/capacitor-qrscanner/issues


## Support
If you like the plugin and want to support me:
https://buymeacoffee.com/johnbraum
npm package: @johnbraum/list-custom-field
Description: Provides a simple string list custom field for strapi
Author: A Strapi developer
Latest version: 1.0.10

# strapi list custom item

Installation

Install it with 

`npm i @johnbraum/list-custom-field`


Enable it in the `./config/plugins.js`
```
'list': {
  enabled: true,
}
```

You are ready to go. You can add this now as a cutom field to 
any collection or components.
npm package: @johncantrell97/mutiny-wasm
Description: A wasm-bindgen wrapper around mutiny-core
Latest version: 0.6.0-rc3

# mutiny-wasm

A wasm-bindgen wrapper around mutiny-core

## Installing

### Package manager

Using npm:

```bash
$ npm install mutiny-wasm
```

Using bower:

```bash
$ bower install mutiny-wasm
```

Using yarn:

```bash
$ yarn add mutiny-wasm
```

Using pnpm:

```bash
$ pnpm add mutiny-wasm
```
npm package: @johncision/applejacks
Description: UI Framework
Latest version: 5.0.2

# applejacks

Package of WebComponents focused on application design

[![CI](https://github.com/johnCision/applejacks/actions/workflows/ci.yml/badge.svg)](https://github.com/johnCision/applejacks/actions/workflows/ci.yml)
[![CodeQL](https://github.com/johnCision/applejacks/actions/workflows/codeql-analysis.yml/badge.svg)](https://github.com/johnCision/applejacks/actions/workflows/codeql-analysis.yml)


- externalize style
- adopt HTML DOM standards interactions
- respect default events
npm package: @johncision/fluttershy
Description: A set of core assets / design deliverables that are leveraged as part of a common paradigm and express via and <application>-asset package.
Latest version: 3.0.10

# fluttershy

A set of core assets / design deliverables that are leveraged as part of a common paradigm and express via and <application>-asset package.

 - [rarity-assets](/johnCision/rarity-assets)
  - [rainbowdash-assets](/johnCision/rainbowdash-assets)