open-index/open-npm huggingface dataset:
npm package: @nomnes/vue-autofocus
Description: vue autofocus directive
Author: Nikita Umnov
Latest version: 0.0.4

# @nomnes/vue-autofocus

Autofocus directive for Vue

```bash
npm install @nomnes/vue-autofocus
#or
yarn add @nomnes/vue-autofocus
```

## Usage

```javascript
import Vue from "vue";
import autofocus from "@nomnes/vue-autofocus";

Vue.use(autofocus);
```

or

```javascript
import Vue from "vue";
import { autofocus } from "@nomnes/vue-autofocus";

Vue.directive("autofocus", autofocus);
```

and then in template:

```html
<input v-autofocus/>
```

## Options

When used as a plugin, the name of the directive can be passed using the options:

```javascript
import Vue from "vue";
import autofocus from "@nomnes/vue-autofocus";

Vue.use(autofocus, { name: 'autofocus' });
```
npm package: @nomo.is/next-responsive
Description: Hydration-safe media queries for Next.js
Latest version: 0.0.2

# Next-responsive
Hydration-safe media query utilities for Next.js.

## **Installation**
```bash
npm i @nomo.is/next-responsive
```

## **useMediaQuery**
Hook for checking media queries.

```tsx
import { useMediaQuery } from "@nomo.is/next-responsive";

function Example() {
  const isDesktop = useMediaQuery("(min-width: 1024px)");

  return <div>{isDesktop ? "Desktop" : "Mobile"}</div>;
}
```

## **<MediaQuery />**
Ergonomic wrapper using minWidth / maxWidth.

```tsx
import { MediaQuery } from "@nomo.is/next-responsive";

<MediaQuery minWidth={1024}>
  <Desktop />
</MediaQuery>

<MediaQuery maxWidth={767}>
  <Mobile />
</MediaQuery>
```
npm package: @nomoid/boardgame.io-ui
Description: boardgame.io UI library (WIP)
Author: nomoid
Latest version: 0.0.3

# Boardgame.io UI

This is a public fork of the [boardgame.io](https://github.com/boardgameio/boardgame.io/) UI library, which was removed in an earlier version.

All credit for the original boardgame.io library, including the UI library, go towards the original authors. See the LICENSE for the appropriate attribution.
npm package: @nomoreanalog/react-scripts-eslintless
Description: Configuration and scripts for Create React App.
Latest version: 2.1.10

# react-scripts-eslintless

> This is a modified version of `react-scripts`. All `eslint` integration has been removed and `babel-plugin-styled-components` has been added to webpack config. See [create-react-app-eslintless](https://github.com/joserocha3/create-react-app-eslintless) for more information.

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: @nomorecolor/send-text
Description: Send Text Component
Author: nomorecolor
Latest version: 1.0.2

# @nomorecolor/send-text

> Send Text Component

[![NPM](https://img.shields.io/npm/v/@nomorecolor/send-text.svg)](https://www.npmjs.com/package/@nomorecolor/send-text) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @nomorecolor/send-text
```

## Usage

```jsx
import React from 'react'

import SendText from '@nomorecolor/send-text'

const App = () => {
  return <SendText countryCode='63' onSubmit={() => this.handleSubmit()} />
}
```

## License

MIT © [nomorecolor](https://github.com/nomorecolor)
npm package: @nomoresquatch/chip-components-starter
Description: Stencil is a compiler for building fast web apps using Web Components.
Author: SaaSquatch Team
Latest version: 0.0.29

# Stencil App Starter

Stencil is a compiler for building fast web apps using Web Components.

Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool.  Stencil takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that run in any browser supporting the Custom Elements v1 spec.

Stencil components are just Web Components, so they work in any major framework or with no framework at all. In many cases, Stencil can be used as a drop in replacement for traditional frontend frameworks given the capabilities now available in the browser, though using it as such is certainly not required.

Stencil also enables a number of key capabilities on top of Web Components, in particular Server Side Rendering (SSR) without the need to run a headless browser, pre-rendering, and objects-as-properties (instead of just strings).

## Getting Started

To start a new project using Stencil, clone this repo to a new directory:

```bash
git clone https://github.com/ionic-team/stencil-starter.git my-app
cd my-app
git remote rm origin
```

and run:

```bash
npm install
npm start
```

To view the build, start an HTTP server inside of the `/www` directory.

To watch for file changes during development, run:

```bash
npm run dev
```

To build the app for production, run:

```bash
npm run build
```

To run the unit tests once, run:

```
npm test
```

To run the unit tests and watch for file changes during development, run:

```
npm run test.watch
```
npm package: @nomos-ui/next-adapter
Description: The Shadcn library for building robust React layouts
Author: Uanela Como
Latest version: 0.2.0

# Nomos UI Layout

> **νόμος** (nomos) - Greek: law, order, principle

Beautiful, validated form components that integrate seamlessly with React Hook Form. Built on the principle that forms should enforce order and validation effortlessly.
npm package: @nomos-ui/tanstack-router-adapter
Description: The Shadcn library for building robust React layouts
Author: Uanela Como
Latest version: 0.2.0

# Nomos UI Layout

> **νόμος** (nomos) - Greek: law, order, principle

Beautiful, validated form components that integrate seamlessly with React Hook Form. Built on the principle that forms should enforce order and validation effortlessly.