open-index/open-npm huggingface dataset:
npm package: @minpush/weapp-component
Description: 小推送 minpush 微信小程序 FormID 收集组件
Author: Leechael Yim
Latest version: 0.0.3

# @minpush/weapp-component

小推送 minpush 微信小程序 FormID 收集组件

包含两个微信小程序组件：

- minpush-hijack
- minpush-middleware
npm package: @minsang/opti-ui
Description: MUI components with StyleX
Author: https://github.com/jeongminsang
Latest version: 1.0.7

# @minsang/opti-ui

A lightweight, pre-compiled UI component library - Core

- **Pre-compiled & ready to use**  
  Distributed as fully built JavaScript & CSS files no need to compile on your end.

- **Powered by StyleX**  
  Style definitions are written using Meta's [StyleX](https://stylexjs.com/) for performance and maintainability.

```bash
npm install @minsang/opti-ui
# or
pnpm add @minsang/opti-ui
npm package: @minseung557/awesome-css-transition
Description: Introducing Awesome CSSTranstion: Awesome CSSTranstion component with low user learning curves opens a new era of css transition in react applications.
Latest version: 0.2.0

# Awesome CSSTranstion

Introducing Awesome CSSTranstion: Awesome CSSTranstion component with low user learning curves opens a new era of css transition in react applications.

_Features:_

🌟 Awesome Features: Say goodbye to CSSTransition components that are difficult to use and need to be pre-prepared. Awesome CSSTransition is an easy-to-use, non-preparation transition component. It's easy enough to make you laugh when using it.

## 🚀 Getting Started

### 1. Install

You can install package by the conmand below.

```bash
npm install @minseung557/awesome-css-transition
```

You can also use other package managers such as yarn, pnpm

### 2. Use AwesomeCSSTransition by parent components

`AwesomeCSSTransition` is the parent component that surrounds the child.

`AwesomeCSSTransition` must have children

`AwesomeCSSTransition` have three props

1.  `trigger` : the trigger to be executed immediately
2.  `className` : the Identifier to identify CSSTransition component
3.  `timeout` : the Delay time to apply animation to CSSTransition component

Then the CSSTransition component will act as an animation Transition.

```javascript
import { AwesomeCSSTransition } from "@minseung557/awesome-css-transition";

const App = () => {
  return (
    <AwesomeCSSTransition>
      //AwesomeCSSTransition must have children
      {children}
    </AwesomeCSSTransition>
  );
};
```

### 3. Use useCSSTransition hook to transition components

You can also use `useCSSTransition` to transition any component

But you have to hand over the factor value to `useCSSTransition`.

```javascript
import { useCSSTrasition } from "@minseung557/awesome-css-transition";

const About = () => {
  const isActive = useCSSTransition({ timout: 500, trigger: true });

  return (
    <div className={isActive ? "test__abled" : "test__disabled"}>
      {children}
    </div>
  );
};
```