open-index/open-npm huggingface dataset:
npm package: @skyshots/react-text-scrambler
Description: A lightweight React component for animated text scrambling effects.
Author: Sky
Latest version: 1.1.8

# 🌀 React Text Scrambler

A lightweight and customizable React component that animates text with a scrambling effect. Ideal for dynamic headers, intros, or glitchy UI transitions.

---

## 📦 Installation

Install via npm:

```bash
npm install react-text-scrambler
```

Or with yarn:

```bash
yarn add react-text-scrambler
```

---

## ⚛️ Usage

Import and use the `TextScramble` component in your React app:

```tsx
import React from 'react';
import { TextScramble } from 'react-text-scrambler';

const App = () => {
  return (
    <div>
      <h1>Welcome</h1>
      <TextScramble
        texts={['Innovate', 'Create', 'Inspire']}
        letterSpeed={40}
        nextLetterSpeed={100}
        pauseTime={2000}
        className="scramble-text"
      />
    </div>
  );
};

export default App;
```

---

## 🧩 Props

| Prop              | Type       | Default | Description                                                                 |
|-------------------|------------|---------|-----------------------------------------------------------------------------|
| `texts`           | `string[]` | —       | Array of strings to scramble through                                       |
| `letterSpeed`     | `number`   | `50`    | Speed (ms) for scrambling individual letters                               |
| `nextLetterSpeed` | `number`   | `100`   | Speed (ms) for revealing next letter                                       |
| `pauseTime`       | `number`   | `1500`  | Pause duration (ms) between each full text                                 |
| `className`       | `string`   | `''`    | Optional CSS class for styling the wrapper                                 |

---

## 🎨 Styling

You can style the scrambled text using the `className` prop:

```css
.scramble-text {
  font-size: 2rem;
  font-family: 'Courier New', monospace;
  color: #00ffcc;
  letter-spacing: 2px;
}
```

---

## 🧠 Features

- 🔁 Loops through multiple texts
- ⏱️ Adjustable timing for scrambling and transitions
- 🎨 Fully styleable with custom classes
- ⚡ No external dependencies

---

## 🚀 Use Cases

- Hero sections with animated slogans
- Loading screens with dynamic messages
- Interactive UI transitions
- Glitch-style effects for cyberpunk themes

---

## 🛠️ Roadmap

- [ ] Hook-based API (`useScramble`)
- [ ] Custom character sets
- [ ] Callback support on text change
- [ ] Accessibility improvements

---

## 🧪 Development

Clone the repo and run locally:

```bash
git clone https://github.com/your-username/react-text-scrambler.git
cd react-text-scrambler
npm install
npm start
```

---

## 📄 License

MIT License © [Sky]

---

## 🙌 Contributing

Pull requests are welcome! For major changes, please open an issue first to discuss what you’d like to change.

---

## 💬 Questions?

Feel free to open an issue or reach out on [GitHub Discussions](https://github.com/your-username/react-text-scrambler/discussions).
npm package: @skyson/money-formatter
Description: A utility for formatting money values with commas and decimals.
Author: zh
Latest version: 1.0.6

## 前言

@skyson/money-formatter 是一个用于格式化金额的库，它可以帮助你将数字格式化为货币字符串，并且支持自定义货币符号、小数位数、千位分隔符等。
npm package: @skysong/seven
Description: Seven a geometry library
Author: songqian
Latest version: 0.0.23

# Seven

## 这是一个自述文件

这是一个几何算法JavaScript库, 如果您项目中需要使用Canvas, Svg或者其它动画轨迹等特殊效果, Seven 可能是您最优选的一个前端脚本库, 它不依赖任何第三方软件, Seven 是尊守 MIT 协议的开源, 因此您可以放心使用.

## 疑难杂症
> * `npm run webpack:prod` 发生 concurrently: not found
*解决办法： npm install --save-dev concurrently*

### 项目启动

> 1. `npm install`
> 2. `npm run webpack:build`
---------------------------------------------------------------------------------------------------------
> * `npm run webpack:examples` 编译 examples 案例
> * `npm run webpack:build` production模式 编译Seven核心模块
> * `npm run webpack:dev` development模式 编译Seven核心模块
> * `npm run webpack:server` 启动webpack 内置服务, 运行examples 案例

### 项目生产
`npm run webpack:prod`
npm package: @skystarbluerain/sino-react-scaffold
Description: It's a scaffold tool for antd modules
Author: rivers-01@qq.com
Latest version: 0.1.0

# UmiJs v3、 Antd v4、scaffold Tool
> This tool controls controller side and  generate side, please download the total environment to use it;

#### Commands

> `npx sino` 登录和初始化模块

> `npx sino logout` 登录当前用户

> `npx sino up` 更新本地文件

> `npx sino menu` 生成动态菜单

> `npx sino locale` 生成国际化菜单文件
npm package: @skystarbluerain/sino-react-ulibs
Description: A react library developed with dumi
Latest version: 0.0.3

# sino-react-ulibs

A react library developed by rivers

## Usage

TODO

## Options

TODO

## Development

```bash
# install dependencies
$ pnpm install

# develop library by docs demo
$ pnpm start

# build library source code
$ pnpm run build

# build library source code in watch mode
$ pnpm run build:watch

# build docs
$ pnpm run docs:build

# check your project for potential problems
$ pnpm run doctor
```

## LICENSE

MIT
npm package: @skyswap/sdk
Description: 🛠 An SDK for building applications on top of Uniswap.
Latest version: 3.0.4

# Uniswap SDK

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
[![Actions Status](https://github.com/Uniswap/uniswap-sdk/workflows/CI/badge.svg)](https://github.com/Uniswap/uniswap-sdk)
[![npm version](https://img.shields.io/npm/v/@skyswap/sdk/latest.svg)](https://www.npmjs.com/package/@skyswap/sdk/v/latest)
[![npm bundle size (scoped version)](https://img.shields.io/bundlephobia/minzip/@skyswap/sdk/latest.svg)](https://bundlephobia.com/result?p=@skyswap/sdk@latest)

In-depth documentation on this SDK is available at [uniswap.org](https://uniswap.org/docs/v2/SDK/getting-started/).

## Running tests

To run the tests, follow these steps. You must have at least node v10 and [yarn](https://yarnpkg.com/) installed.

First clone the repository:

```sh
git clone https://github.com/Uniswap/uniswap-sdk.git
```

Move into the uniswap-sdk working directory

```sh
cd uniswap-sdk/
```

Install dependencies

```sh
yarn install
```

Run tests

```sh
yarn test
```

You should see output like the following:

```sh
yarn run v1.22.4
$ tsdx test
 PASS  test/constants.test.ts
 PASS  test/pair.test.ts
 PASS  test/fraction.test.ts
 PASS  test/miscellaneous.test.ts
 PASS  test/entities.test.ts
 PASS  test/trade.test.ts

Test Suites: 1 skipped, 6 passed, 6 of 7 total
Tests:       3 skipped, 82 passed, 85 total
Snapshots:   0 total
Time:        5.091s
Ran all test suites.
✨  Done in 6.61s.
```