open-index/open-npm huggingface dataset:
npm package: @indhu_hehhehe/wave-background
Description: A React wave background component
Latest version: 1.0.1

# @indhu_hehhehe/wave-background

Animated SVG wave background for React. GPU-accelerated, simplex-noise driven, zero dependencies beyond React.

## Install

```bash
npm install @indhu_hehhehe/wave-background
```

## Usage

```tsx
import { Waves } from '@indhu_hehhehe/wave-background'

export default function Hero() {
  return (
    <section style={{ position: 'relative', minHeight: '100vh' }}>
      <Waves backgroundColor="#FAFAF8" />
      <div style={{ position: 'relative', zIndex: 2 }}>
        Your content here
      </div>
    </section>
  )
}
```

## Props

| Prop            | Type                          | Default     | Description                                      |
|-----------------|-------------------------------|-------------|--------------------------------------------------|
| `backgroundColor` | `string`                    | `transparent` | Background fill of the container               |
| `className`     | `string`                      | `""`        | Extra CSS class on the container div             |
| `xGap`          | `number`                      | `8`         | Horizontal gap between lines (px) — smaller = more lines |
| `yGap`          | `number`                      | `8`         | Vertical gap between points on each line (px)   |
| `waveX`         | `number`                      | `20`        | Max horizontal displacement per point (px)       |
| `waveY`         | `number`                      | `10`        | Max vertical displacement per point (px)         |
| `palette`       | `[number,number,number][]`    | orange→yellow→blue→black | RGB colour palette to cycle through |
| `colorCycle`    | `number`                      | `5000`      | Duration of one full colour cycle (ms)           |
| `frameInterval` | `number`                      | `42`        | Min ms between frames (~24fps). Raise to reduce CPU |
| `maskImage`     | `string`                      | radial bottom fade | CSS `mask-image` for gradient fade effects  |

## Build (for contributors)

```bash
npm install
npm run build   # outputs to dist/
```

## Publish

```bash
npm login
npm publish --access public
```
npm package: @indi/material
Description: INDI-Material resources
Author: Marko Postma
Latest version: 0.0.3

# INDI-Material

This package contains the INDI themed resources for the [Material](https://material.io) design system.

![Screenshot](screenshot.png)

## Installation

``` shell
npm install @indi/material
```

## Usage

This package supports (recommends) SCSS, but a minified CSS version is available in `dist/indi-material.min.css`.

``` scss
// Use default values (recommended)
@use "@indi/material/theme";

// Or with custom configuration
@use "@indi/material/theme" with (
    $primary: blue,
    ...
);
```

## Testing

``` shell
npm test [-- --watch]
```

## Contributing

Commit and push changes to git remote tagged with the new version.

``` shell
git add .
git commit -m "new release"
git tag v1.1.0
git push origin master --tags
```

Publish the package to NPM.

``` shell
npm version from-git
npm publish
```