open-index/open-npm huggingface dataset:
npm package: @ommu/animated-headline
Description: CSS animated headlines
Author: CodyHouse
Latest version: 1.0.0

Animated Headlines
=========

A collection of animated headlines, with interchangeable words that replace one another through CSS transitions.

[Article on CodyHouse](http://codyhouse.co/gem/css-animated-headlines/)

[Demo](http://codyhouse.co/demo/animated-headlines/)
 
[Terms](http://codyhouse.co/terms/)
npm package: @omnaladkar/custom-cursor-js
Description: Use any image or GIF as a custom cursor for your website
Latest version: 1.0.0

# custom-cursor-js

Use any image or GIF as a custom cursor for your website.

## Installation

```bash
npm install custom-cursor-js
```

## Usage

### Basic Usage

```javascript
import CustomCursor from 'custom-cursor-js';

const cursor = new CustomCursor({
  cursorSrc: './path/to/your/cursor.gif',
});
```

### With Options

```javascript
const cursor = new CustomCursor({
  cursorSrc: 'https://example.com/cursor.gif',
  fallbackCursor: 'pointer',
  cursorSize: 32,
  cursorXOffset: 0,
  cursorYOffset: 0,
  hideDefaultCursor: true,
});
```

### Change Cursor Dynamically

```javascript
cursor.setCursor('./path/to/another-cursor.gif');
```

### Destroy Cursor

```javascript
cursor.destroy();
```

## Options

| Option | Type | Default | Description |
|--------|------|---------|-------------|
| cursorSrc | string | '' | URL or path to cursor image |
| fallbackCursor | string | 'pointer' | Fallback cursor type |
| cursorSize | number | 32 | Size of cursor in pixels |
| cursorXOffset | number | 0 | X offset from mouse position |
| cursorYOffset | number | 0 | Y offset from mouse position |
| hideDefaultCursor | boolean | true | Hide default system cursor |

## Browser Support

Works in all modern browsers that support CSS custom properties.
npm package: @omnea-digital/nextjs
Description: Made with create-react-library
Author: omnea-digital
Latest version: 1.0.1

# @omnea-digital/nextjs

[![NPM](https://img.shields.io/npm/v/@omnea-digital/nextjs.svg)](https://www.npmjs.com/package/@omnea-digital/nextjs) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @omnea-digital/nextjs
```

## Usage

```tsx
import React, { Component } from 'react'

import MyComponent from '@omnea-digital/nextjs'
import '@omnea-digital/nextjs/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}
```

## License

MIT © [omnea-digital](https://github.com/omnea-digital)
npm package: @omnedia/ngx-background-beams
Description: <a href="https://ngxui.com" target="_blank" style="display: flex;gap: .5rem;align-items: center;cursor: pointer; padding: 0 0 0 0; height: fit-content;">   <img src="https://ngxui.com/assets/img/ngxui-logo.png" style="width: 64px;height: 64px;"> </a>
Author: Markus Block
Latest version: 4.0.1
npm package: @omnedia/ngx-split-text
Description: <a href="https://ngxui.com" target="_blank" style="display: flex;gap: .5rem;align-items: center;cursor: pointer; padding: 0 0 0 0; height: fit-content;">   <img src="https://ngxui.com/assets/img/ngxui-logo.png" style="width: 64px;height: 64px;"> </a>
Author: Markus Block
Latest version: 4.0.1
npm package: @omnedia/ngx-word-morph
Description: <a href="https://ngxui.com" target="_blank" style="display: flex;gap: .5rem;align-items: center;cursor: pointer; padding: 0 0 0 0; height: fit-content;">   <img src="https://ngxui.com/assets/img/ngxui-logo.png" style="width: 64px;height: 64px;"> </a>
Author: Markus Block
Latest version: 4.0.1
npm package: @omnedia/rxjs-typewriter
Description: A simple typewriter effect to animate text.
Author: Markus Block
Latest version: 1.1.0

# TypeWriter Effect Library

`@omnedia/rxjs-typewriter` is a lightweight and easy-to-use npm library for creating typewriter effects in your web applications. <br>
It uses RxJS to manage the typewriting effect, ensuring smooth and customizable animations. <br>

## Installation

You can install the library via npm:

```bash
npm install @omnedia/rxjs-typewriter
```

## Usage

First, import the TypeWriter class from the library:

```typescript
import { TypeWriter } from '@omnedia/rxjs-typewriter';
```

Then, create an instance of the TypeWriter class and use the typeWriteEffect method to start the typewriter effect:

```typescript

const typewriter = new TypeWriter();

typewriter.typeWriteEffect(['Hello', 'World'])
  .subscribe((text) => {
    console.log(text); // Output the current state of the typewriter effect
  });
```

## API

```typescript
typeWriteEffect(words: string[], loop?: boolean, writeSpeed?: number, deleteDelay?: number, writeDelay?: number): Observable<string>
```

Starts the typewriter effect.

- `words`: An array of strings to be typed.
- `loop`: (optional): If set to false, the last word in the words array will stay.
- `writeSpeed` (optional): The speed of typing each character in milliseconds. Default is 40.
- `deleteDelay` (optional): The delay before starting to delete the typed word in milliseconds. Default is 3500.
- `writeDelay` (optional): The delay before starting to type the next word after deleting the current word in milliseconds. Default is 50.

## Example

```typescript

const typewriter = new TypeWriter();

typewriter.typeWriteEffect(
  ['Hello', 'World'],
  true,     // loop (default true)
  100,      // write speed
  2000,     // delete delay
  100       // write delay
).subscribe((text) => {
  document.getElementById('output').innerText = text;
});
```

## Customization

You can customize the typing speed, delay after typing a word, and delay after deleting a word by passing optional parameters to the typeWriteEffect method.

```typescript

const typewriter = new TypeWriter();

typewriter.typeWriteEffect(
  ['Hello', 'World'],
  true,     // loop (default true)
  100,      // Custom write speed
  2000,     // Custom delete delay
  100       // Custom write delay
).subscribe((text) => {
  document.getElementById('output').innerText = text;
});
```

## Contributing

Contributions are welcome! Please feel free to submit a pull request or open an issue on GitHub.

## License

This project is licensed under the MIT License - see the LICENSE file for details.

## Acknowledgments

- RxJS for providing powerful reactive programming tools.
- All the contributors who have helped in improving this project.

## Contact

For any questions or suggestions, please open an issue or reach out to me at [markus.block@omnedia.com](mailto:markus.block@omnedia.com).