open-index/open-npm huggingface dataset:
npm package: @nexapp/vite-plugin-react-svg
Description: Import SVG files as React Components
Author: Damian Stasik
Latest version: 3.0.0

<h1 align="center">vite-plugin-react-svg</h1>
<p align="center">Extend Vite with ability to use SVG files as React components.</p>

## Original Repo: [https://github.com/visualfanatic/vite-svg/tree/master/packages/vite-plugin-react-svg](https://github.com/visualfanatic/vite-svg/tree/master/packages/vite-plugin-react-svg)

Merge Request Pending

### Features:
- [SVGO](https://github.com/svg/svgo) optimization
- [SVGR](https://react-svgr.com) customization
- Hot Module Replacement support
- Support for `?url` and `?component` query string

#### Currently supported Vite version:

<p><code> >=3.0.0 </code></p>

### Install

```bash
yarn add --dev @nexapp/vite-plugin-react-svg

npm i -D @nexapp/vite-plugin-react-svg
```

### Setup

```js
// vite.config.js
const reactRefresh = require('@vitejs/plugin-react-refresh');
const reactSvgPlugin = require('@nexapp/vite-plugin-react-svg');

module.exports = {
  plugins: [
    reactRefresh(),
    reactSvgPlugin(),
  ],
};
```

#### Options

```js
reactSvgPlugin({
  // Default behavior when importing `.svg` files, possible options are: 'url' and `component`
  defaultExport: 'url',

  // Boolean flag to enable/disable SVGO
  svgo: true,

  // SVGO configuration object
  svgoConfig: {},

  // Props to be forwarded on SVG tag, ossible options: "start", "end" or false
  expandProps: 'end',

  // Setting this to true will forward ref to the root SVG tag
  ref: false,

  // Setting this to true will wrap the exported component in React.memo
  memo: false,

  // Replace an attribute value by an other.
  // The main usage of this option is to change an icon color to "currentColor" in order to inherit from text color.
  // replaceAttrValues: { old: 'new' },
  replaceAttrValues: null,

  // Add props to the root SVG tag
  // svgProps: { name: 'value' },
  svgProps: null,

  // Add title tag via title property
  // <SvgIcon title="Accessible icon name" /> => <svg><title>Accessible icon name</title><...></svg>
  // <SvgIcon title="Accessible icon name" titleId="iconName" /> => <svg aria-labelledby="iconName><title id="iconName">Accessible icon name</title><...></svg>
  titleProp: false,
})
```

### Usage

```jsx
import MyIcon from './svgs/my-icon.svg?component';

function App() {
  return (
    <div>
      <MyIcon />
    </div>
  );
}
```
npm package: @nexara/nativeflow
Description: Beautiful, responsive, and customizable UI components for React Native – built for performance and seamless experiences.
Author: yash
Latest version: 0.1.12

# @nexara/nativeflow

## 🚀 Features 🚀

✔️ Stunning, modern UI components 🎨✨\
✔️ Fully customizable with props and theming 🎧🎨\
✔️ Blazing-fast ⚡ performance\
✔️ Strong type safety with TypeScript 🛡️📚\
✔️ Smooth animations 🎭🌀

---

## 📦 Installation 📦

### Step 1: Install the packages

#### Install @nexara/nativeflow
```sh
npm install @nexara/nativeflow
```

## 📚 Documentation 📚

Check out the **[📝 full documentation](https://rn-nativeflow-docs.onrender.com/docs/getting-started)** for more details on usage, customization, and API references.

---

## 📝 License 📝

This project is licensed under the **MIT License**. See the [LICENSE](LICENSE) file for details.

---
npm package: @nexara/nativeflow-test
Description: Beautiful, responsive, and customizable UI components for React Native – built for performance and seamless experiences.
Author: yash
Latest version: 0.1.7

# @nexara/nativeflow

## 🚀 Features 🚀

✔️ Stunning, modern UI components 🎨✨\
✔️ Fully customizable with props and theming 🎧🎨\
✔️ Blazing-fast ⚡ performance\
✔️ Strong type safety with TypeScript 🛡️📚\
✔️ Smooth animations powered by React Native Reanimated 🎭🌀

---

## 📦 Installation 📦

### Step 1: Install the packages

#### Install rn-nativeflow
```sh
npm install rn-nativeflow
```

#### Install react-native-reanimated
```sh
npm install react-native-reanimated
```

#### Install react-native-gesture-handler
```sh
npm install react-native-gesture-handler
```

### Step 2: Add Reanimated's Babel plugin

Add `react-native-reanimated/plugin` to your `babel.config.js`

#### `babel.config.js`
```js
module.exports = {
  presets: [
    ... // don't add it here :)
  ],
  plugins: [
    ...
    'react-native-reanimated/plugin',
  ],
};
```

### Step 3: Clear Metro bundler cache (recommended)
```sh
npx expo start -c
```

---

## 📚 Documentation 📚

Check out the **[📝 full documentation](https://rn-nativeflow-docs.onrender.com/docs/getting-started)** for more details on usage, customization, and API references.

---

## 📝 License 📝

This project is licensed under the **MIT License**. See the [LICENSE](LICENSE) file for details.

---