open-index/open-npm huggingface dataset:
npm package: @ondo-graphics/waves
Description: Create smoothly animated assets with ease
Author: Michal Bajcar
Latest version: 1.0.1

![Example Gif](../../readme-img.gif)

# ondo-graphics

Create fluidly moving assets for modern websites with ease.

In the world of web design, static shapes are plenty, but achieving fluid and dynamic motion often requires specialized solutions. This package aims to bridge that gap, making it effortless to infuse vitality into any modern website.

## Features

- **Zero Dependency**: The package includes everything needed to function, eliminating concerns about additional dependencies.
- **Compact Size**: At around 10kb gzipped, it ensures optimal website performance.
- **Framework Compatibility**: Engineered to seamlessly integrate with popular frameworks including Vanilla JS, React, Vue, Svelte, and more. It offers dedicated components tailored to each framework.
- **TypeScript-based**: The entire package is crafted using TypeScript, enhancing type safety and developer experience.

## Installation

Copy the following script tag into the `<head>` of your HTML document:

```html
<script
  src="https://unpkg.com/@ondo-graphics/waves@latest/dist/waves.js"
  type="module"
></script>
```

For framework-specific installation see [React](https://github.com/BajcarM/ondo-graphics/tree/main/packages/waves-react)

## Usage

Customize your coponent using the [configurator](https://www.ondo.graphics/). Then, integrate the generated code snippet into your HTML markup:

```html
<og-waves
  background="rgba(0, 0, 0, 1)"
  distribution="[4,5]"
  speed="2"
  complexity="2"
  synchronicity="5"
  amplitude="1"
  waves="[{'fill': {'color': 'rgba(233, 255, 0, 1)'}},{'fill': {'color': 'rgba(0, 0, 0, 1)'}}]"
></og-waves>
```

## Contributing

Contributions are highly appreciated! Should you encounter any issues or have suggestions for enhancements, please don't hesitate to reach out.

## Support

Creating and maintaining this project requires substantial effort. If you find it valuable, consider showing your support by buying me a coffee.

[<a href="https://www.buymeacoffee.com/bajcarmx" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" height="48" width="174"></a>](https://www.buymeacoffee.com/bajcarmx)

## License

Ondo-Graphics is licensed under the MIT License.
npm package: @ondo-graphics/waves-react
Description: Create smoothly animated assets with ease
Author: Michal Bajcar
Latest version: 0.0.4

# Fluid SVG

Create fluidly moving or animating SVG elements for modern websites with ease.

## Introduction

Fluid-Motion is an npm package that provides a set of functions and components to create smooth and seamless animations for SVG elements. While there are many options available for static SVG shapes, there are few solutions that allow you to achieve fluid and dynamic motion. This package aims to fill that gap, making it easy to bring life to your SVG graphics on any modern website.

## Features

- **Fluid Motion Functions**: The package includes a variety of functions that enable you to create smooth, fluid animations for SVG elements. These functions can be used standalone or combined to achieve complex motion effects.

- **Framework Support**: Fluid-Motion is designed to be compatible with popular frameworks such as Vanilla JS, React, Vue, and more. It provides dedicated components tailored to each framework, allowing you to seamlessly integrate fluid motion into your projects.

- **Written in TypeScript**: The entire package is written in TypeScript, ensuring strong typing and enhancing the development experience. TypeScript support enables autocompletion, type checking, and improved code documentation.

## Installation

To install Fluid-Motion, simply run the following command:

```bash
npm i @fluid-svg/functions
```

## Usage

Here's a basic example of how you can use the Fluid-Motion package in your project:

```html
<!-- Add simple HTML markup -->
<svg id="MySvg" height="500" width="500" xmlns="http://www.w3.org/2000/svg">
  <path stroke="blue" strokeWidth="0.005" />
  <path stroke="red" strokeWidth="0.005" />
  <path stroke="green" strokeWidth="0.005" />
</svg>
```

```javascript
import { animateWaves } from '@fluid-svg/functions'

// Animate an SVG element
animateWaves('#MySvg')
```

For more detailed usage instructions and examples, refer to the documentation provided in the docs directory.

## Contributing

Contributions are welcome! If you encounter any issues or have suggestions for improvements, please feel free to submit a pull request. For more information on how to contribute, check out the Contribution Guidelines.

## License

Fluid-Motion is licensed under the MIT License. See the LICENSE file for more details.
npm package: @ondohers/console-colors
Description: ANSI colors for your node console
Author: Damien Otis
Latest version: 0.1.1

node-console-colors adds ANSI coloring to the nodejs console.log output.

Install:

npm install --save @ondohers/console-colors


Usage:


commonjs: const cc = require("@ondohers/console-colors");
esm: import cc from "@ondohers/console-colors";

console.log(cc.set("fg_red", "Hello World in red"))

console.log(cc.set("fg_blue", "Hello World in blue"))

console.log(cc.set("fg_green", "bg_dark_grey", "Hello World", "in fg_green and bg_dark_gray"))

Known issues:

Windows, OSX, and MinGW/Msys32 will show all colors, but Linux may show fewer colors.

![alt tag](https://dmtmix.com/dnetAPI/getImage/console_colors.png)
npm package: @ondosys/crud
Description: NestJs CRUD for RESTful APIs
Author: Le Duc Linh
Latest version: 5.0.0-alpha.4

<div align="center">
  <h1>CRUD (@ondosys/crud)</h1>
</div>
<div align="center">
  <strong>for RESTful APIs built with NestJs</strong></br>
  leduclinh.7141@gmail.com
</div>

## License

[MIT](LICENSE)
npm package: @ondosys/crud-mongoose
Description: NestJs CRUD for RESTful APIs - Mongoose
Latest version: 5.0.0-alpha.4

<div align="center">
  <h1>CRUD (@ondosys/crud-mongoose)</h1>
</div>
<div align="center">
  <strong>for RESTful APIs built with NestJs</strong></br>
  leduclinh.7141@gmail.com
</div>

## License

[MIT](LICENSE)
npm package: @ondosys/crud-objection
Description: NestJs CRUD for RESTful APIs - Objection.js
Author: Georgii Rychko
Latest version: 5.0.0-alpha.4

<div align="center">
  <h1>CRUD (@ondosys/crud-objection)</h1>
</div>
<div align="center">
  <strong>for RESTful APIs built with NestJs</strong></br>
  leduclinh.7141@gmail.com
</div>

## License

[MIT](LICENSE)
npm package: @ondosys/crud-request
Description: NestJs CRUD for RESTful APIs - request query builder
Author: Le Duc Linh
Latest version: 5.0.0-alpha.4

<div align="center">
  <h1>CRUD (@ondosys/crud-request)</h1>
</div>
<div align="center">
  <strong>for RESTful APIs built with NestJs</strong></br>
  leduclinh.7141@gmail.com
</div>

## License

[MIT](LICENSE)
npm package: @ondosys/crud-sequelize
Description: NestJs CRUD for RESTful APIs - Sequelize
Latest version: 5.0.0-alpha.4

<div align="center">
  <h1>CRUD (@ondosys/crud-sequelize)</h1>
</div>
<div align="center">
  <strong>for RESTful APIs built with NestJs</strong></br>
  leduclinh.7141@gmail.com
</div>

## License

[MIT](LICENSE)
npm package: @ondosys/crud-typeorm
Description: NestJs CRUD for RESTful APIs - TypeORM
Author: Le Duc Linh
Latest version: 5.0.0-alpha.5

<div align="center">
  <h1>CRUD (@ondosys/crud-typeorm)</h1>
</div>
<div align="center">
  <strong>for RESTful APIs built with NestJs</strong></br>
  leduclinh.7141@gmail.com
</div>

## License

[MIT](LICENSE)
npm package: @ondosys/util
Description: NestJs CRUD for RESTful APIs - util
Author: Le Duc Linh
Latest version: 5.0.0-alpha.4

<div align="center">
  <h1>CRUD (@ondosys/util)</h1>
</div>
<div align="center">
  <strong>for RESTful APIs built with NestJs</strong></br>
  leduclinh.7141@gmail.com
</div>

## License

[MIT](LICENSE)