open-index/open-npm huggingface dataset:
npm package: @m62624/flexible_inspect_js_node
Description: Library for creating a custom validator
Latest version: 2.0.0

<p align="center">
    <kbd>
        <img src="https://github.com/m62624/flexible_inspect/blob/main/docs/logo/png/Color%20logo%20with%20background.png" alt="Logo" width="700" />
    </kbd>
</p>

# About

The `Flexible_inspect` is a universal tool for checking the correctness of data in string and byte formats. 
It allows you to determine whether the data conforms to certain rules and provides the ability to find errors and inconsistencies.\
The project aims to create a versatile and flexible tool for validating data in different formats, ensuring accuracy, reliability and usability.

## Flexibility

Rust version customized for validator implementations for other programming languages

## Documentation

For more information on how the library works, including a detailed description of the API, practical examples and instructions, please go to the [documentation](http://flexible-inspect.readthedocs.io/)

## License
[MIT License](https://github.com/m62624/flexible_inspect/blob/main/LICENSE)).
npm package: @m62624/flexible_inspect_js_web
Description: Library for creating a custom validator
Latest version: 2.0.0

<p align="center">
    <kbd>
        <img src="https://github.com/m62624/flexible_inspect/blob/main/docs/logo/png/Color%20logo%20with%20background.png" alt="Logo" width="700" />
    </kbd>
</p>

# About

The `Flexible_inspect` is a universal tool for checking the correctness of data in string and byte formats. 
It allows you to determine whether the data conforms to certain rules and provides the ability to find errors and inconsistencies.\
The project aims to create a versatile and flexible tool for validating data in different formats, ensuring accuracy, reliability and usability.

## Flexibility

Rust version customized for validator implementations for other programming languages

## Documentation

For more information on how the library works, including a detailed description of the API, practical examples and instructions, please go to the [documentation](http://flexible-inspect.readthedocs.io/)

## License
[MIT License](https://github.com/m62624/flexible_inspect/blob/main/LICENSE)).
npm package: @m6d/cortex-client
Description: Reusable AI agent chat UI library for Angular
Latest version: 1.9.0

# @m6d/cortex-client

Angular AI chat UI library. Provides a self-contained chat widget with streaming messages, tool call visualization, file capture, syntax highlighting, and i18n support.

## Usage

```ts
import { CortexChatWidgetComponent, CortexClientConfig } from '@m6d/cortex-client';

@Component({
  imports: [CortexChatWidgetComponent],
  template: `<cortex-chat-widget [config]="config" />`,
})
export class MyComponent {
  protected readonly config: CortexClientConfig = {
    locale: signal('en'),
    transport: {
      baseUrl: '/api/agents/assistant',
      getHeaders: () => ({ Authorization: `Bearer ${token}` }),
    },
    wsUrl: 'ws://localhost:3331/api/ws',
  };
}
```

No root-level providers needed — each widget instance is fully self-contained. You can render multiple widgets with different configs on the same page.

### Configuration

| Property               | Type                            | Description                                             |
| ---------------------- | ------------------------------- | ------------------------------------------------------- |
| `locale`               | `Signal<string>`                | Active locale (`"en"`, `"ar"`)                          |
| `transport.baseUrl`    | `string \| Signal<string>`      | Agent API base URL                                      |
| `transport.getHeaders` | `() => Record<string, string>`  | Request headers provider                                |
| `wsUrl`                | `string`                        | WebSocket URL for real-time events (optional)           |
| `theme`                | `CortexClientTheme`             | Custom colors and styling (optional)                    |
| `showDebugButton`      | `boolean`                       | Show/hide the debug toggle button (default: `false`)    |
| `toolComponents`       | `Record<string, Type<unknown>>` | Custom Angular components for tool rendering (optional) |
| `onToolCall`           | `(toolCall) => unknown`         | Client-side tool call handler (optional)                |

`transport.getHeaders` can return any request headers needed by the host app. WebSocket auth continues to derive the `token` query param from a bearer `Authorization` header when present.

## Requirements

- Angular >= 21.2.0
npm package: @m6d/cortex-server
Description: Reusable AI agent chat server library for Hono + Bun
Latest version: 1.7.0

# @m6d/cortex-server

Multi-agent AI chat server built on Hono + Bun. Supports MSSQL persistence, MinIO file storage, Neo4j knowledge graphs, and AI streaming with tool execution.

## Usage

```ts
import { createCortex } from "@m6d/cortex-server";

const cortex = createCortex({
    database: {
        type: "mssql",
        connectionString: process.env.DB_CONNECTION_STRING!,
    },
    storage: {
        endPoint: "localhost",
        port: 9000,
        useSSL: false,
        accessKey: "minioadmin",
        secretKey: "minioadmin",
    },
    auth: {
        jwksUri: "https://your-auth-provider/.well-known/jwks.json",
        issuer: "https://your-auth-provider/",
    },
    model: {
        baseURL: "https://api.openai.com/v1",
        apiKey: process.env.MODEL_KEY!,
        modelName: "gpt-4o",
    },
    embedding: {
        baseURL: "https://api.openai.com/v1",
        apiKey: process.env.EMBEDDING_KEY!,
        modelName: "text-embedding-3-small",
        dimension: 1536,
    },
    neo4j: {
        url: "bolt://localhost:7687",
        user: "neo4j",
        password: "password",
    },
    agents: {
        assistant: {
            systemPrompt: "You are a helpful assistant.",
            tools: {},
        },
    },
});

const server = await cortex.serve();

export default {
    fetch: server.fetch,
    websocket: server.websocket,
};
```

`cortex.serve()` is async — it runs database migrations on startup.

Each key in `agents` becomes a route prefix (e.g. `assistant` → `/agents/assistant/...`). Agents can define per-agent `systemPrompt`, `tools`, `backendFetch`, `loadSessionData`, `resolveRequestContext`, and lifecycle hooks (`onToolCall`, `onStreamFinish`).

## Requirements

- Bun >= 1.0.0
npm package: @m6web/eslint-config
Description: ## Setup
Author: M6 WEB
Latest version: 3.5.0
Deprecated: Use @bedrockstreaming/eslint-config instead

# @m6web/eslint-config

## Setup

```shell
npm install @m6web/eslint-config
```

or

```shell
yarn add @m6web/eslint-config
```

## Usage

Extends the configuration in the `.eslintrc` file at the root of your project.

```json
{
  "extends": "@m6web"
}
```

Here are some envs you can add depending your project:

```json
"env": {
  "browser" : true,
  "jasmine": true
}
```
npm package: @m6web/eslint-plugin
Description: Plugin for eslint and prettier used in m6web projects
Author: M6 WEB
Latest version: 2.0.0
Deprecated: Use @bedrockstreaming/eslint-config instead

# @m6web/eslint-plugin

The purpose of this package is simple, simplify the configuration of eslint and prettier in our projects.

It provides:

- [@m6web/eslint-config] which inherits from [eslint-config-airbnb]
- [eslint] itself
- [prettier] with all the plugins needed to work with eslint

With that come some little changes from the default config of [eslint-config-airbnb] and [prettier] that you can find in [index.js](index.js) file and [here].

## Setup

```shell
npm install --dev @m6web/eslint-plugin
```

or

```shell
yarn add --dev @m6web/eslint-plugin
```

Then you need to add the plugin in the `.eslintrc` file of your project. For that create a `.eslintrc` and add the following lines:

```json
{
  "extends": "plugin:@m6web/default",
}
```

And that's all.

If you want to customize some rules, follow the [eslint documentation](https://eslint.org/docs/user-guide/configuring).

### Jest / Jasmine Support

If you want, you can add the jest support with the following lines:

```json
{
  "env": {
    "browser": true,
    "jasmine": true
  }
}
```

## Usage

Lint your code:
```shell
yarn eslint src/
```

Rewrite your code, the right way :smiling_imp::
```shell
yarn prettier-eslint -- --write 'src/**/*.js'
```

[eslint]: https://eslint.org/
[prettier]: https://github.com/prettier/prettier
[eslint-config-airbnb]: https://github.com/airbnb/javascript
[@m6web/eslint-config]: https://github.com/M6Web/eslint-tools/tree/master/packages/eslint-config
[here](https://github.com/M6Web/eslint-tools/blob/master/packages/eslint-config/index.js)
npm package: @m6web/eslint-plugin-react
Description: Plugin for eslint and prettier used in m6web projects
Author: M6 WEB
Latest version: 3.5.0
Deprecated: Use @bedrockstreaming/eslint-config-react instead

# @m6web/eslint-plugin

The purpose of this package is simple, simplify the configuration of eslint and prettier in our projects.

It provides:

- [@m6web/eslint-config] which inherits from [eslint-config-airbnb]
- [eslint] itself
- [prettier] with all the plugins needed to work with eslint

With that come some little changes from the default config of [eslint-config-airbnb] and [prettier] that you can find in [index.js](index.js) file and [here].

## Setup

```shell
npm install --dev @m6web/eslint-plugin
```

or

```shell
yarn add --dev @m6web/eslint-plugin
```

Then you need to add the plugin in the `.eslintrc` file of your project. For that create a `.eslintrc` and add the following lines:

```json
{
  "extends": "plugin:@m6web/default",
}
```

And that's all.

If you want to customize some rules, follow the [eslint documentation](https://eslint.org/docs/user-guide/configuring).

### Jest / Jasmine Support

If you want, you can add the jest support with the following lines:

```json
{
  "env": {
    "browser": true,
    "jasmine": true
  }
}
```

## Usage

Lint your code:
```shell
yarn eslint src/
```

Rewrite your code, the right way :smiling_imp::
```shell
yarn prettier-eslint -- --write 'src/**/*.js'
```

[eslint]: https://eslint.org/
[prettier]: https://github.com/prettier/prettier
[eslint-config-airbnb]: https://github.com/airbnb/javascript
[@m6web/eslint-config]: https://github.com/M6Web/eslint-tools/tree/master/packages/eslint-config
[here](https://github.com/M6Web/eslint-tools/blob/master/packages/eslint-config/index.js)
npm package: @m6web/eslint-plugin-vue
Description: Plugin for eslint and prettier used in m6web projects
Author: M6 WEB
Latest version: 3.5.0
Deprecated: Use @bedrockstreaming/eslint-config-vue instead

# @m6web/eslint-plugin-vue

The purpose of this package is simple, simplify the configuration of eslint and prettier in our projects.

It provides:

- [@m6web/eslint-config] which inherits from [eslint-config-airbnb]
- [eslint] itself
- [prettier] with all the plugins needed to work with eslint

With that come some little changes from the default config of [eslint-config-airbnb] and [prettier] that you can find in [index.js](index.js) file and [here].

## Setup

```shell
npm install --dev @m6web/eslint-plugin-vue babel-eslint
```

or

```shell
yarn add --dev @m6web/eslint-plugin-vue babel-eslint
```

Then you need to add the plugin in the `.eslintrc` file of your project. For that create a `.eslintrc` and add the following lines:

```json
{
  "extends": "plugin:@m6web/eslint-plugin-vue/default",
}
```

And that's all.

If you want to customize some rules, follow the [eslint documentation](https://eslint.org/docs/user-guide/configuring).

### Jest / Jasmine Support

If you want, you can add the jest support with the following lines:

```json
{
  "env": {
    "browser": true,
    "jasmine": true
  }
}
```

## Usage

Lint your code:
```shell
yarn eslint src/
```

Rewrite your code, the right way :smiling_imp::
```shell
yarn prettier-eslint -- --write 'src/**/*.js'
```

[eslint]: https://eslint.org/
[prettier]: https://github.com/prettier/prettier
[eslint-config-airbnb]: https://github.com/airbnb/javascript
[@m6web/eslint-config]: https://github.com/M6Web/eslint-tools/tree/master/packages/eslint-config
[here](https://github.com/M6Web/eslint-tools/blob/master/packages/eslint-config/index.js)
npm package: @m6web/i18n-lint
Description: i18n translation files linter
Author: m6web
Latest version: 2.3.3

# @m6web/i18n-lint

[![Continous Integration](https://github.com/M6Web/i18n-tools/actions/workflows/continuous-integration.yml/badge.svg)](https://github.com/M6Web/i18n-tools/actions/workflows/continuous-integration.yml)
![npm](https://img.shields.io/npm/v/@m6web/i18n-lint)
![npm bundle size](https://img.shields.io/bundlephobia/minzip/@m6web/i18n-lint)
![npm](https://img.shields.io/npm/dy/@m6web/i18n-lint)
![GitHub last commit](https://img.shields.io/github/last-commit/M6Web/i18n-tools)
![NPM](https://img.shields.io/npm/l/@m6web/i18n-lint)

Linter for i18n translation files used at [Bedrock Streaming](https://www.bedrockstreaming.com/)

## Install

```sh
yarn add -D i18n-lint

yarn i18n-lint --config tests/test.config.json
```

## Config

```json
{
  "path": "./tests/i18n"
}
```

## Contributing

### Setup
```sh
yarn
```

### Build
```sh
yarn build
```

### Test
```sh
yarn test

node lib/index.js --config tests/test.config.json
```
npm package: @m78/build-tools
Description: simple builder for M78 projects, which also contain several developer tools.
Latest version: 0.0.20

> simple builder for M78 projects, which also contain several developer tools.

## usage

First, add `m78-build-tools` to your project, use your favorite package manager


### auto inject config

generate config via cli, ⚠️ this operation will be overwrite same name file and change package.json

```shell
npm init -y
npx m78-build-tools init
```

will create below files:

```shell
.eslintrc.cjs
.npmrc
.prettierrc.cjs
jest.config.js
m78-lib.config.js
tsconfig.json
tsconfig.lib.json
```

and modify these fields in package.json

```shell
scripts 
devDependencies 
files 
main 
type 
typings 
publishConfig
```



### build

1. Make sure  `m78-lib.config.js  `  exist in project root. for config detail,  see  [defineConfig.d.ts](./defineConfig.d.ts)

```ts
import sass from "sass";
import { mkdir, writeFile } from "node:fs/promises";
import { defineConfig } from "@m78/build-tools/defineConfig.js";
// import { defineCommonConfig } from "@m78/build-tools/defineConfig.js"; // commonConfig if need
// export const commonConfig = defineCommonConfig({ ... })

export default defineConfig({
  build: [
    {
      inpDir: "src",
      outDir: "esm",
      swcConfig: {
        module: {
          type: "es6",
        },
      },
    },
  ],
});
```

2.run `npx m78-build-tools build`



> pass --skip-declaration-emit to block the student declaration file



### test

built-in test by `jest` and `@testing-library/react`.

1. add `jest.config.js` to project root.

```ts
export { default } from "@m78/lib-build/jest.config.js";
```

2. write test code

3. run test

```shell
npx jest
```



### example

start dev server, run your code.



suppose the root directory has the following code

```shell
examples
	| - func1
		|- index.html
		|- xxx.tsx		# use in index.html <script type="module" src="./index.tsx"></script>
  | - func2
		|- index.html
```

run the specified example

```shell
npx m78-build-tools example func1	# run func1
```



### lint

provide eslint and prettier base config, usage by follow:

1. add config

.eslintrc.cjs

```js
module.exports = {
  extends: [require.resolve("@m78/lib-build/.eslintrc.cjs")],
  rules: {},
};
```

.prettierrc.cjs

```js
const config = require("@m78/lib-build/.prettierrc.cjs");

module.exports = {
  ...config,
};
```
npm package: @m78/lib-build
Description: A simple builder for M78 projects
Latest version: 0.0.1


> A simple builder for M78 projects


## usage

1. install `@m78/lib-build` to your project.

2. add `m78-lib.config.js` to project root.
```ts
import sass from 'sass';
import { mkdir, writeFile } from 'node:fs/promises';

export default {
  build: [
    {
      inpDir: 'src',
      outDir: 'esm',
      swcConfig: {
        module: {
          type: 'es6',
        },
      },
      // All non js/ts/jsx/tsx files will be copied to outdir by default. You can compile them or do any other operations before copying
      beforeCopy: async meta => {
        if (meta.suffix === '.scss') {
          const result = sass.compile(meta.filePath);

          await mkdir(meta.outDir, { recursive: true });
          await writeFile(meta.outPath.replace(/\.scss$/, '.css'), result.css);

          return true;  // prevent default copy operation
        }
      },
    },
    {
      inpDir: 'src',
      outDir: 'umd',
      swcConfig: {
        module: {
          type: 'umd',
        },
      },
    },
  ],
};

```

3. run `npx m78-lib-build build`

### test config

add `jest.config.js` to project root.

```ts
export { default } from '@m78/lib-build/jest.config.js';
```
npm package: @m78/style
Description: 一个样式库，包含预置的大量css变量、原子类、normalize、grid、以及常用的sass混合等，旨在简化css的书写
Latest version: 2.1.3

# @m78/style
一个样式库，包含预置的大量css变量、原子类、normalize、grid、以及常用的sass混合等，旨在简化css的书写



* 需要使用支持sass/scss的打包器加载此项目
* 此项目大量使用`css properties`, 用户可根据兼容需求使用[postcss-custom-properties](https://github.com/postcss/postcss-custom-properties)或类似工具进行回退处理
* 本库中的所有基础样式、原子类都是无污染的, 仅作用在`.m78`限定类名下或其本身, 可以使用到任意现有项目中而不用担心造成破坏
    * 对于新项目, 将 `.m78 ` 直接添加到html元素上, 使所有样式都能全局生效
    * 对于不想全局作用的项目, 在需要使用的节点最外层添加`.m78`类名



## 安装

```shell
yarn add @m78/style
```

## 全量引入

最简单的方式，自动包含`normalize`、布局模块、原子类、sass变量、混合等

```js
import '@m78/style'; // 包含css-var、normalize、layout、atomic、component等基础模块
```


## 按需引入

```sass
// 内置的css变量(此项必须引入)
@import "~@78/style/var";

// 引入sass变量、混合等
@import "~@78/style/var/sass-vars";

// 重置模块
@import "~@78/style/normalize";

// 布局模块
@import "~@78/style/layout";

// 原子类
@import "~@78/style/atomic";

// 网格
@import "~@78/style/grid";

// 移动端配置
@import "~@78/style/mobile";

// 内置样式组件(暂无)
@import "~@78/style/components";

// 小程序环境的normalize
@import "~@78/style/normalize-for-mini-program";
```


### 生成自己的主题色

```
# 执行createCustomVar.js
node node_modules/@lxjx/sass-base/script/createCustomVar.js

# 输入主题色，复制打印到自定义的scss文件中并引入`var/index.scss`
? 请输入主题色: red
--m78-color-1: #ffeae6;
--m78-color-2: #ffafa3;
--m78-color-3: #ff887a;
--m78-color-4: #ff5d52;
--m78-color-5: #ff3029;
--m78-color-6: #ff0000;
--m78-color-7: #d90007;
--m78-color-8: #b3000c;
--m78-color-9: #8c000e;
--m78-color-10: #66000e;
--m78-color: #ff0000;
```
npm package: @m7eio/create-rainbowkit
Description: Scaffold a new RainbowKit project
Latest version: 0.1.3

# 🌈🚀 create-rainbowkit

Scaffold a new RainbowKit project.

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

## License

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

See [LICENSE](./LICENSE) for more information.
npm package: @m7eio/pob-core
Description: Proof of BUIDL protocol sdk.
Author: M7e.io
Latest version: 0.0.6

# @m7eio/pob-js-sdk

[![](https://img.shields.io/npm/dw/@m7eio/pob-js-sdk.svg)](https://www.npmjs.com/package/@m7eio/pob-js-sdk)
[![](https://img.shields.io/npm/v/@m7eio/pob-js-sdk.svg)](https://www.npmjs.com/package/@m7eio/pob-js-sdk)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)

This is Javascript SDK for Proof of BUILD protocol.

## Install

```
npm install --save @m7eio/pob-js-sdk
```

Or if you prefer yarn:

```
yarn add @m7eio/pob-js-sdk
```

## Usage

Read more here: [Get Started](https://docs.pob.work/get-started)
npm package: @m7eio/pob-general-workflow
Description: POB general workflow
Author: M7e.io
Latest version: 0.0.6

# @m7eio/pob-general-workflow

[![](https://img.shields.io/npm/dw/@m7eio/pob-general-workflow.svg)](https://www.npmjs.com/package/@m7eio/pob-general-workflow)
[![](https://img.shields.io/npm/v/@m7eio/pob-general-workflow.svg)](https://www.npmjs.com/package/@m7eio/pob-general-workflow)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)

This is Javascript SDK for Proof of BUILD protocol.

## Install

```
npm install --save @m7eio/pob-js-sdk @m7eio/pob-general-workflow
```

Or if you prefer yarn:

```
yarn add @m7eio/pob-js-sdk @m7eio/pob-general-workflow
```

## Usage

Read more here: [Get Started](https://docs.pob.work/get-started)
npm package: @m7eio/pob-js-sdk
Description: Proof of BUIDL protocol sdk.
Author: M7e.io
Latest version: 0.0.23

# @m7eio/pob-js-sdk

[![](https://img.shields.io/npm/dw/@m7eio/pob-js-sdk.svg)](https://www.npmjs.com/package/@m7eio/pob-js-sdk)
[![](https://img.shields.io/npm/v/@m7eio/pob-js-sdk.svg)](https://www.npmjs.com/package/@m7eio/pob-js-sdk)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)

This is Javascript SDK for Proof of BUILD protocol.

## Install

```
npm install --save @m7eio/pob-js-sdk
```

Or if you prefer yarn:

```
yarn add @m7eio/pob-js-sdk
```

## Usage

Read more here: [Get Started](https://docs.pob.work/get-started)
npm package: @m7eio/quill-image-uploader
Description: A module for Quill rich text editor to allow images to be uploaded to a server instead of being base64 encoded
Latest version: 1.0.1

# Quill ImageHandler Module

A module for Quill rich text editor to allow images to be uploaded to a server instead of being base64 encoded.
Adds a button to the toolbar for users to click, also handles drag,dropped and pasted images.

## Demo

![Image of Yaktocat](/static/quill-example.gif)

### Install

Install with npm:

```bash
npm install @m7eio/quill-image-uploader --save
```

### Webpack/ES6

```javascript
import Quill from "quill";
import ImageUploader from "quill.imageUploader.js";

Quill.register("modules/imageUploader", ImageUploader);

const quill = new Quill(editor, {
  // ...
  modules: {
    // ...
    imageUploader: {
      upload: (file) => {
        return new Promise((resolve, reject) => {
          setTimeout(() => {
            resolve(
              "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/JavaScript-logo.png/480px-JavaScript-logo.png"
            );
          }, 3500);
        });
      },
    },
  },
});
```

### Quickstart (React with react-quill)

React Example on [CodeSandbox](https://codesandbox.io/s/react-quill-demo-qr8xd)

### Quickstart (script tag)

Example on [CodeSandbox](https://codesandbox.io/s/mutable-tdd-lrsvh)

```javascript
// A link to quill.js
<script src="/dist/quill.js"></script>
<script src="/dist/quill.imageUploader.min.js"></script>

Quill.register("modules/imageUploader", ImageUploader);

var quill = new Quill(editor, {
  // ...
  modules: {
    // ...
    imageUploader: {
      upload: file => {
        return new Promise((resolve, reject) => {
          setTimeout(() => {
            resolve(
              "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/JavaScript-logo.png/480px-JavaScript-logo.png"
            );
          }, 3500);
        });
      }
    }
  }
});
```
npm package: @m7eio/rainbowkit
Description: The best way to connect a wallet
Author: Rainbow
Latest version: 0.7.6

<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 @m7eio/rainbowkit@latest
# or
yarn create @m7eio/rainbowkit@latest
# or
pnpm create @m7eio/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-next-siwe-next-auth`
- `with-next-siwe-iron-session`
- `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.