open-index/open-npm huggingface dataset:
npm package: @react-native-blossom-ui/components
Description: Awesome Blossom UI
Author: Deepak Kumar
Latest version: 0.17.2

# @react-native-blossom-ui/components

<a href="https://www.npmjs.com/package/@react-native-blossom-ui/components">
    <img src="https://img.shields.io/npm/dm/@react-native-blossom-ui/components.svg?style=flat-square" alt="NPM downloads">
</a>

- **Awesome Blossom components**
- Ship your app faster with **Blossom-UI**

Blossom-UI is a modular React Native library offering customizable UI primitives and advanced components for mobile and web apps, built with TypeScript for seamless integration with Expo and React Native.

## Features

- 🌸 Modern, themeable UI components
- 📱 Supports iOS, Android, and Web (Expo/React Native Web)
- ⚡ Written in TypeScript for type safety
- 🎨 Easy to customize and extend

## Installation

```sh
yarn add @react-native-blossom-ui/components
```

## Usage

Import and use any component in your React Native or Expo app:

```tsx
import {Button, View, Text} from '@react-native-blossom-ui/components'

export default function App() {
  return (
    <View>
      <Text typography="h2">Welcome to Blossom UI!</Text>
      <Button onPress={() => alert('Hello!')}>Click Me</Button>
    </View>
  )
}
```

## Documentation

Full documentation, API reference, and live demos are available at:

- [Blossom UI Documentation](https://docs-react-native-blossom-ui.vercel.app/docs/category/components)
- [Main Repository README](https://github.com/deepakkumardk/react-native-blossom-ui#readme)

Explore usage examples, theming guides, and advanced component patterns in the docs and the main repository README.

## License

This project is licensed under the **MIT** License.
npm package: @react-native-blossom-ui/dates
Description: Dates components of Blossom UI
Author: Deepak Kumar
Latest version: 0.17.2

# @react-native-blossom-ui/dates

<a href="https://www.npmjs.com/package/@react-native-blossom-ui/dates">
    <img src="https://img.shields.io/npm/dm/@react-native-blossom-ui/dates.svg" alt="NPM downloads">
</a>

# Blossom UI Dates

Blossom UI Dates offers date and time components and utilities for React Native and Expo, with consistent APIs and theming for Blossom UI.

## Features

- 📅 Calendar & Date pickers for mobile and web
- 🕒 Utilities for formatting, parsing, and manipulating dates
- 🎨 Themeable and customizable

## Installation

Install:

```sh
yarn add @react-native-blossom-ui/dates
```

## Usage

Import and use a date picker in your app:

```tsx
import {DatePicker} from '@react-native-blossom-ui/dates'

export default function MyScreen() {
  return <DatePicker onDateChange={(date) => console.log(date)} />
}
```

## Documentation

Full documentation and API reference are available at:

- [Blossom UI Documentation](https://docs-react-native-blossom-ui.vercel.app/docs/category/dates)
- [Main Repository README](https://github.com/deepakkumardk/react-native-blossom-ui#readme)

## License

This project is licensed under the **MIT** License.
npm package: @react-native-community/async-storage
Description: Asynchronous, persistent, key-value storage system for React Native.
Author: Krzysztof Borowy
Latest version: 1.12.1
Deprecated: Async Storage has moved to new organization: https://github.com/react-native-async-storage/async-storage

# React Native Async Storage

An asynchronous, unencrypted, persistent, key-value storage system for React Native.


## Supported platforms

- iOS
- Android
- [Web](https://github.com/react-native-community/async-storage/releases/tag/v1.9.0)
- [MacOS](https://github.com/react-native-community/async-storage/releases/tag/v1.8.1)
- [Windows](https://github.com/react-native-community/async-storage/releases/tag/v1.10.0)


## Getting Started

Head over to [documentation](https://react-native-community.github.io/async-storage/) to learn more.


## Contribution
Pull requests are welcome. Please open an issue first to discuss what you would like to change.

See the [CONTRIBUTING](CONTRIBUTING.md) file for more information.

## License

MIT.
npm package: @react-native-community/audio-toolkit
Description: Cross-platform audio library for React Native
Latest version: 2.0.3

![banner](/banner.png)

[![npm version](https://badge.fury.io/js/%40react-native-community%2Faudio-toolkit.svg)](https://badge.fury.io/js/%40react-native-community%2Faudio-toolkit)

This is a cross-platform (Android and iOS) audio library for React Native.
Both audio playback and recording is supported. In addition to basic
functionality, many useful features are implemented such as seeking,
looping and streaming audio files over the network.

An example how to use this library is included in the [ExampleApp](/ExampleApp)
directory. The demo showcases most of the functionality that is available, with
documentation under [docs](/docs). In the simplest case, playing media is as
easy as:

```js
new Player('filename.mp4').play();
```

and recording media to filename.mp4 similarly
```js
new Recorder(‘filename.mp4’).record();
```

How to get this stuff running?
------------------------------

* For a quick test drive, check out the [demo application](/ExampleApp)
* [Include the library](/docs/SETUP.md) in your project

Documentation
-------------

* Find the API documentation [here](/docs/API.md)
* Examples on playback from various [media sources](/docs/SOURCES.md)
* Notes on [developing the library itself](/docs/DEVELOPING.md)
* Rough [state diagram](/docs/state_diagram.svg) of the [Player](src/Player.js)
* View the [changelog](/CHANGELOG.md)

License
-------

All JavaScript, Android and iOS code licensed under MIT license, see LICENSE
file. Some of the files are from React Native templates and are licensed
accordingly.
npm package: @react-native-community/cli-clean
Description: This package is part of the [React Native CLI](../../README.md). It contains commands for cleaning the build artifacts.
Latest version: 20.1.3

# @react-native-community/cli-clean

This package is part of the [React Native CLI](../../README.md). It contains commands for cleaning the build artifacts.

## Installation

```sh
yarn add @react-native-community/cli-clean
```

## Commands

### `clean`

Usage:

```sh
npx react-native clean
```

Cleans caches. Commonly used to ensure build failures are not due to stale cache. By default, it will prompt which caches to purge, with Watchman and Metro already checked. To omit interactive prompt (e.g. in scripts), please use `--include` flag.

#### Options

#### `--include <string>`

Comma-separated flag of caches to clear e.g. `npm,yarn`. If omitted, an interactive prompt will appear. Valid values include `android`, `cocoapods`, `metro`, `npm`, `watchman`, and `yarn`.

#### `--project-root <string>`

> default: current working directory

Root path to your React Native project. When not specified, defaults to current working directory.

#### `--verify-cache`

> default: false

Whether to verify the cache. Currently only applies to npm cache.
npm package: @react-native-community/cli-config
Description: This package is part of the [React Native CLI](../../README.md). It contains commands for managing the configuration of React Native app.
Latest version: 20.1.3

# @react-native-community/cli-config

This package is part of the [React Native CLI](../../README.md). It contains commands for managing the configuration of React Native app.

## Installation

```sh
yarn add @react-native-community/cli-config
```

## Commands

### `config`

Usage:

```sh
npx react-native config
```

Output project and dependencies configuration in JSON format to stdout. Used by [autolinking](./../../docs/autolinking.md).
npm package: @react-native-community/cli-config-android
Description: This package is part of the [React Native CLI](../../README.md). It contains utilities for autolinking on Android platform.
Latest version: 20.1.3

# @react-native-community/cli-config-android

This package is part of the [React Native CLI](../../README.md). It contains utilities for autolinking on Android platform.

## Installation

```sh
yarn add @react-native-community/cli-config-android
```

## Usage

This package is intended to be used internally in [React Native CLI](../../README.md) and by out of tree platforms.

`cli-config-android` exports utilities to create OOT platform config for autolinking.

- `getProjectConfig()` - creates project config for given platform
- `getDependencyConfig()` - creates dependency config for given platform

Example (`<oot-platform>/packages/react-native/react-native.config.js`):

```js
  platforms: {
    android: {
      projectConfig: getProjectConfig(),
      dependencyConfig: getDependencyConfig(),
    },
    ..
  },
```
npm package: @react-native-community/cli-config-apple
Description: This package is part of the [React Native CLI](../../README.md). It contains utilities for building reusable commands targeting Apple platforms.
Latest version: 20.1.3

# @react-native-community/cli-config-apple

This package is part of the [React Native CLI](../../README.md). It contains utilities for building reusable commands targeting Apple platforms.

## Installation

```sh
yarn add @react-native-community/cli-config-apple
```

## Usage

This package is intended to be used internally in [React Native CLI](../../README.md) and by out of tree platforms.

`cli-config-apple` exports utilities to create OOT platform config for autolinking.

- `getProjectConfig()` - creates project config for given platform
- `getDependencyConfig()` - creates dependency config for given platform

Example (`<oot-platform>/packages/react-native/react-native.config.js`):

```js
platforms: {
    visionos: {
      npmPackageName: '@callstack/react-native-visionos',
      projectConfig: getProjectConfig({platformName: 'visionos'}),
      dependencyConfig: getDependencyConfig({platformName: 'visionos'}),
    },
    ..
  },
```
npm package: @react-native-community/cli-doctor
Description: This package is part of the [React Native CLI](../../README.md). It contains commands for diagnosing and fixing common Node.js, iOS, Android & React Native issues.
Latest version: 20.1.3

# @react-native-community/cli-doctor

This package is part of the [React Native CLI](../../README.md). It contains commands for diagnosing and fixing common Node.js, iOS, Android & React Native issues.

## Installation

```sh
yarn add @react-native-community/cli-doctor
```

## Commands

### `doctor`

Usage:

```sh
npx react-native doctor
```

Diagnose and fix common Node.js, iOS, Android & React Native issues.

### `info`

Usage:

```sh
npx react-native info
```

Get relevant version info about OS, toolchain and libraries. Useful when sending bug reports.
npm package: @react-native-community/cli-platform-apple
Description: This package is part of the [React Native CLI](../../README.md). It contains utilities for building reusable commands targeting Apple platforms.
Latest version: 20.1.3

# @react-native-community/cli-platform-apple

This package is part of the [React Native CLI](../../README.md). It contains utilities for building reusable commands targeting Apple platforms.

## Installation

```sh
yarn add @react-native-community/cli-platform-apple
```

## Usage

This package is intended to be used internally in [React Native CLI](../../README.md) and by out of tree platforms.

It exports builder commands that can be used to create custom `run-`, `log-` and `build-` commands for example: `yarn run-<oot-platform>`.

Inside of `<oot-platform>/packages/react-native/react-native.config.js`:

```js
const {
  getBuildOptions,
  createBuild,
} = require('@react-native-community/cli-platform-apple');

const buildVisionOS = {
  name: 'build-visionos',
  description: 'builds your app for visionOS platform',
  func: createBuild({platformName: 'visionos'}),
  examples: [
    {
      desc: 'Build the app for visionOS in Release mode',
      cmd: 'npx react-native build-visionos --mode "Release"',
    },
  ],
  options: getBuildOptions({platformName: 'visionos'}),
};

module.exports = {
  commands: [buildVisionOS], // <- Add command here
  //..
};
```

`cli-platform-apple` also exports utilities to create OOT platform config.

- `getProjectConfig()` - creates project config for given platform
- `getDependencyConfig()` - creates dependency config for given platform

Example (`<oot-platform>/packages/react-native/react-native.config.js`):

```js
platforms: {
    visionos: {
      npmPackageName: '@callstack/react-native-visionos',
      projectConfig: getProjectConfig({platformName: 'visionos'}),
      dependencyConfig: getDependencyConfig({platformName: 'visionos'}),
    },
    ..
  },
```
npm package: @react-native-community/eslint-config
Description: ESLint config for React Native
Latest version: 3.2.0

# eslint-config-react-native-community

[![Version][version-badge]][package]

## Installation

```
yarn add --dev eslint prettier @react-native-community/eslint-config
```

*Note: We're using `yarn` to install deps. Feel free to change commands to use `npm` 3+ and `npx` if you like*

## Usage

Add to your eslint config (`.eslintrc`, or `eslintConfig` field in `package.json`):

```json
{
    "extends": "@react-native-community"
}
```

[version-badge]: https://img.shields.io/npm/v/@react-native-community/eslint-config.svg?style=flat-square
[package]: https://www.npmjs.com/package/@react-native-community/eslint-config
npm package: @react-native-community/eslint-plugin
Description: ESLint rules for @react-native-community/eslint-config
Latest version: 1.3.0

# eslint-plugin-react-native-community

This plugin is intended to be used in [`@react-native-community/eslint-config`](https://github.com/facebook/react-native/tree/HEAD/packages/eslint-config-react-native-community). You probably want to install that package instead.

## Installation

```
yarn add --dev eslint @react-native-community/eslint-plugin
```

*Note: We're using `yarn` to install deps. Feel free to change commands to use `npm` 3+ and `npx` if you like*

## Usage

Add to your eslint config (`.eslintrc`, or `eslintConfig` field in `package.json`):

```json
{
    "plugins": ["@react-native-community"]
}
```

## Rules

### `platform-colors`

Enforces that calls to `PlatformColor` and `DynamicColorIOS` are statically analyzable to enable performance optimizations.
npm package: @react-native-community/react-native-clipboard
Description: React Native Clipboard API for both iOS and Android
Author: M.Haris Baig
Latest version: 1.0.1

# @react-native-clipboard

## Getting started
Install the library using either Yarn:

```
yarn add @react-native-community/react-native-clipboard
```

or npm:

```
npm install --save @react-native-community/react-native-clipboard
```

## Migrating from the core `react-native` module
This module was created when the NetInfo was split out from the core of React Native. To migrate to this module you need to follow the installation instructions above and then change you imports from:

```javascript
import { Clipboard } from "react-native";
```

to:

```javascript
import Clipboard from "@react-native-community/react-native-clipboard";
```

## Usage
Start by importing the library:

```javascript
import Clipboard from "@react-native-community/react-native-clipboard";

type Props = $ReadOnly<{||}>;
type State = {|
  clipboardContent: string,
|};

export default class App extends React.Component<Props, State> {
  state = {
    clipboardContent: 'The state variable which contains Clipboard Content',
  };

  readFromClipboard = async () => {
    const content = await Clipboard.getString();
    this.setState({clipboardContent: content});
  };

  writeToClipboard = async () => {
    Clipboard.setString(this.state.text);
    alert('Copied to clipboard');
  };
}
```

## Maintainers

* [M.Haris Baig](https://github.com/harisbaig100)

## Contributing

Please see the [`contributing guide`](/CONTRIBUTING.md).

## License

The library is released under the MIT licence. For more information see [`LICENSE`](/LICENSE).