open-index/open-npm huggingface dataset:
npm package: @sunnylqm/react-native-reanimated
Description: More powerful alternative to Animated library for React Native.
Author: Krzysztof Magiera
Latest version: 3.0.0-rc.1

<img src="https://user-images.githubusercontent.com/16062886/117443145-ff868480-af37-11eb-8680-648bccf0d0ce.png" alt="React Native Reanimated by Software Mansion" width="100%">

### React Native's Animated library reimplemented

> Reanimated 2 is here! Check out our [documentation page](https://docs.swmansion.com/react-native-reanimated/) for more information

React Native Reanimated provides a more comprehensive,
low level abstraction for the Animated library API to be built
on top of and hence allow for much greater flexibility especially when it
comes to gesture based interactions.

## Installation

Check out the [installation](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation) section of our docs for the detailed installation instructions.

## Fabric

To learn how to use `react-native-reanimated` with Fabric architecture, head over to [Fabric README](README-Fabric.md). Instructions on how to run Fabric Example within this repo can be found in the [FabricExample README](FabricExample/README.md).

## Documentation

Check out our dedicated documentation page for info about this library, API reference and more: [https://docs.swmansion.com/react-native-reanimated/docs/](https://docs.swmansion.com/react-native-reanimated/docs/)

## Examples

The source code for the example (showcase) app is under the [`Example/`](https://github.com/software-mansion/react-native-reanimated/blob/main/Example/) directory.
If you want to play with the API but don't feel like trying it on a real app, you can run the example project. Check Example/ directory README for installation instructions.

## License

Reanimated library is licensed under [The MIT License](LICENSE).

## Credits

This project has been built and is maintained thanks to the support from [Shopify](https://shopify.com), [Expo.io](https://expo.io) and [Software Mansion](https://swmansion.com)

[![shopify](https://avatars1.githubusercontent.com/u/8085?v=3&s=100 'Shopify.com')](https://shopify.com)
[![expo](https://avatars2.githubusercontent.com/u/12504344?v=3&s=100 'Expo.io')](https://expo.io)
[![swm](https://logo.swmansion.com/logo?color=white&variant=desktop&width=150&tag=react-native-reanimated-github 'Software Mansion')](https://swmansion.com)
npm package: @sunnysideup/stretched-bg-image
Description: NPM package - adds a stretched (filling) BG image to any html element where you add the 'stretched-bg-image' class
Latest version: 6.0.0

# Stretched Background Images
NPM package - adds a stretched (filling) BG image to any html element where you add the "stretched-bg-image" class.

# credits

For examples images in demo, see demo.  Idea and design for squiggly images is by [Niels from Guts](https://guts.co.nz)

# Also See

- [NPM Listing](https://www.npmjs.com/package/@sunnysideup/stretched-bg-image)
- [Demo](https://sunnysideup.github.io/stretched-bg-image/demo/index.html)

# Installation // new-school


Install via npm:


```shell
npm i @sunnysideup/stretched-bg-image
```    

Add the following code to your js file:


```js
import StretchedBgImages from 'stretched-bg-images'
```

And, add the following code to your scss file:


```scss
import "StretchedBgImages";
```


# Installation // old-school


Add the following code to your html:


```html
<link rel="stylesheet" href="stretched-bg-images/src/css/StretchedBgImages.css" />
...
<script src="stretched-bg-images/src/js/StretchedBgImages.js"></script>
<script>
  // add script here!
</script>
```
# Applying it to your page ...


To apply it to any element, use the <em>stretched-bg-images</em> class, like this:


```html
<div class="stretched-bg-images">
  ...
</div>
```


# Running it


Add the following JS (old and new school):


```js
StretchedBgImages.apply()
```

Or with all options defined:


```js
const options = {

queryString: '.stretched-bg-images, ul',

errorClass: 'ratio-is-off-the-charts',

classRanges = [
  {
    max: '8',
    min: '2',
    className: 'panorama'
  },
  {
    max: '2',
    min: '1',
    className: 'landscape'
  },
  {
    max: '1',
    min: '0.5',
    className: 'portrait'
  },
  {
    max: '0.5',
    min: '0.125',
    className: 'skyscraper'
  }
]
}
StretchedBgImages.apply(options)
```


# Options

 - Above you are seeing the default values, you can set them as you see fit.
 - `max` and `min` refer the maximum and minimum <em>aspect ratio</em> defined as <strong>width divided by height</strong>
  (i.e. 8 means that the width is four times greater than the height of the containing box.)
 - `queryString` can be anything that works with: `document.querySelectorAll`.
 - `errorClass` is the class that is added when the ratio of the element is outside the described scopes in `classRanges`.


# Using SVGs

If you are using SVGs then you need to remove <span class="code">width</span> and <span class="code">height</span>
attributes from SVG and add <span class="code">preserveAspectRatio="none"</span>.
Like this:


```svg
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 123 456">...</svg>
```

You can use [https://yoksel.github.io/url-encoder/](https://yoksel.github.io/url-encoder/) to convert SVGs to backround images.  Making your code even faster.
npm package: @sunnystudiohu/common
Description: TypeScript base PDF generator and React base UI. Open source, developed by the community, and completely free to use under the MIT license!
Author: hand-dot
Latest version: 0.0.16

## @sunnystudiohu/common

This library provides shared types, constants, and utility functions used across the [@pdfme/ui](https://www.npmjs.com/package/@pdfme/ui) and [@pdfme/generator](https://www.npmjs.com/package/@pdfme/generator) packages. The shared types include definitions for templates and other commonly used structures.

For the complete documentation of pdfme, please refer to [this link](https://pdfme.com/docs/getting-started).
npm package: @sunnystudiohu/converter
Description: TypeScript base PDF generator and React base UI. Open source, developed by the community, and completely free to use under the MIT license!
Author: hand-dot
Latest version: 0.0.16

## @sunnystudiohu/converter

This library provides utility functions for converting PDFs to other formats or converting data—such as Markdown—into PDF(WIP).

For the complete pdfme documentation, see [this link](https://pdfme.com/docs/converter).
npm package: @sunnystudiohu/generator
Description: TypeScript base PDF generator and React base UI. Open source, developed by the community, and completely free to use under the MIT license!
Author: hand-dot
Latest version: 0.0.16

## @sunnystudiohu/generator

This library provides the `generate` function for creating PDF files using templates and inputs.

For the complete documentation of pdfme, please refer to [this link](https://pdfme.com/docs/getting-started).
npm package: @sunnystudiohu/manipulator
Description: TypeScript base PDF generator and React base UI. Open source, developed by the community, and completely free to use under the MIT license!
Author: hand-dot
Latest version: 0.0.16

## @sunnystudiohu/manipulator

This library provides utility functions for merging, splitting, and manipulating PDF files.

For the complete documentation of pdfme, please refer to [this link](https://pdfme.com/docs/manipulator).
npm package: @sunnystudiohu/schemas
Description: TypeScript base PDF generator and React base UI. Open source, developed by the community, and completely free to use under the MIT license!
Author: hand-dot
Latest version: 0.0.16

## @sunnystudiohu/schemas

This library provides schemas for pdfme templates.  
The currently supported schemas can be found in [this document](https://pdfme.com/docs/supported-features).

These schemas are used as plugins in [@pdfme/ui](https://www.npmjs.com/package/@pdfme/ui) and [@pdfme/generator](https://www.npmjs.com/package/@pdfme/generator), where they are interpreted by UI components and the PDF generator.

For the complete documentation of pdfme, please refer to [this link](https://pdfme.com/docs/getting-started).
npm package: @sunnystudiohu/ui
Description: TypeScript base PDF generator and React base UI. Open source, developed by the community, and completely free to use under the MIT license!
Author: hand-dot
Latest version: 0.0.16

## @sunnystudiohu/ui

This library provides the following classes, which can be integrated into applications built with any framework:

- `Designer`: A WYSIWYG editor for designing templates.
- `Form`: A form based on templates for collecting input data.
- `Viewer`: A viewer for displaying PDF files generated with [@pdfme/generator](https://www.npmjs.com/package/@pdfme/generator) using templates and input data.

For the complete documentation of pdfme, please refer to [this link](https://pdfme.com/docs/getting-started).
npm package: @sunnywayne/piny
Description: Removes all spaces from a string
Latest version: 3.0.0

## @sunnywayne/piny
<p align="center">
  <img src="https://img.shields.io/npm/v/%40sunnywayne/piny" alt="npm version(scoped)">
</p>



<p align="center">
  <img src="https://img.shields.io/bundlephobia/min/%40sunnywayne/piny" alt="npm bundle size (scoped)">
</p>

Removes all spaces from a string

## Install

```
$ npm install @sunnywayne/piny
```

## Usage

```javascript
const piny = require("@sunnywayne/piny");

piny("I dont like space at all");
//=> "Idontlikespaceatall"

piny(1337);
//=>Uncaught TypeError: piny wants a string!
// at tiny (<anonymous>:2:41)
// at <anonymous>:1:1

```
npm package: @sunnywind/custom-jimp
Description: An image processing library written entirely in JavaScript.
Latest version: 1.6.1

<div align="center">
  <img width="200" height="200"
    src="https://s3.amazonaws.com/pix.iemoji.com/images/emoji/apple/ios-11/256/crayon.png">
  <h1>Jimp</h1>
  <p>JavaScript Image Manipulation Program</p>
</div>

The "JavaScript Image Manipulation Program" :-)

An image processing library for Node written entirely in JavaScript, with zero native dependencies.

The default jimp configuration.

Supported types:

- `@jimp/jpeg`
- `@jimp/png`
- `@jimp/bmp`
- `@jimp/tiff`
- `@jimp/gif`

[Read the full docs.](http://jimp-dev.github.io/jimp/)

## Installation

```bash
npm install --save jimp
```

## Usage

```js
const { Jimp } = require("jimp");

// open a file called "lenna.png"
const image = await Jimp.read("test.png");

image.resize(256, 256); // resize

await image.write("test-small.jpg"); // save
```
npm package: @sunnyzhuang/my-app
Description: self antd practise
Author: sunny zhuang
Latest version: 0.1.0

# Getting Started with Create React App

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Available Scripts

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.\
You will also see any lint errors in the console.

### `npm test`

Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

### `npm run eject`

**Note: this is a one-way operation. Once you `eject`, you can’t go back!**

If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).