open-index/open-npm huggingface dataset:
npm package: @kamrade/react-calendar
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Latest version: 0.0.12

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
   parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
   },
```

- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
npm package: @kamrade/react-dynamic-button
Description: This is a button template that provides basic button functionality, which can be easily extended or integrated into your design system. You can provide themes, variants, sizes, shapes and define styles for them.
Latest version: 0.0.2

# React Dynamic Button

This is a button template that provides basic button functionality, which can be easily extended or integrated into your design system.
You can provide themes, variants, sizes, shapes and define styles for them.

```
import { DynamicButton } from '@kamrade/react-dynamic-button'; 
```

You can find good example of usage in Button.tsx component that extends DynamicButton.
npm package: @kamrade/react-scrambled-text
Description: Simple and reusable text slider with glitchy animation. Best used with monospaced fonts. Not styled. Inherits theme, colors, font-family, font-size, etc.
Latest version: 0.0.17

# React Text Scrambler

Simple and reusable text slider with glitchy animation. Best used with monospaced fonts. Not styled. Inherits theme, colors, font-family, font-size, etc.

## Installation

The package can be installed via npm:

```bash
npm install @kamrade/react-scrambled-text --save
```

or via yarn:

```bash
yarn add @kamrade/react-scrambled-text
```

## Example

https://drive.google.com/file/d/1vcIwN03NzeqhwuDX6zoZZElr77VzSvze/view?usp=drive_link

```bash
import { ScrambledText } from '@kamrade/react-scrambled-text';

const value: string[] = [ 'Establish communication', 'Connecting to the server', 'Loading data'];

<ScrambledText
   value={value}
   slideLength={2000}
   postAnimate
   postAnimateSensetivity={50}
>
```

- value = text for rendering
- slideLength = how long each slide will be visible
- postAnimate = after each slide change animation can be extended. Or not
- postAnimateSensetivity = play with this number to diferenciate post animation. Less number – more detailed animation

## Roadmap

### Components

- [ ] Mosaic component
- [ ] Typewriter

### Text Scrambler

[ ] -