### Installing React Xplosion Package

Source: https://github.com/nekzus/react-xplosion-text/blob/main/README.md

Install the @nekzus/react-xplosion package using npm. This command adds the library as a dependency to your project, allowing you to use the Xplosion component.

```bash
npm install @nekzus/react-xplosion
```

--------------------------------

### Basic Xplosion Component Implementation

Source: https://github.com/nekzus/react-xplosion-text/blob/main/README.md

This example demonstrates the basic usage of the Xplosion component in a React application. It imports the component and renders it with a text input and a button as children.

```jsx
import React from "react";
import { Xplosion } from "@nekzus/react-xplosion";

const App = () => {
  return (
    <Xplosion textInput="Hello, world!" className="class-tw">
      <button>Click here!</button>
    </Xplosion>
  );
};

export default App;
```

--------------------------------

### Xplosion Component with Custom Styling

Source: https://github.com/nekzus/react-xplosion-text/blob/main/README.md

This example shows how to customize the appearance of the Xplosion component using the className, colorClassName, and style props. It sets the text input, applies a pink color scheme, and adds custom font styling.

```jsx
import React from "react";
import { Xplosion } from "@nekzus/react-xplosion";

const App = () => {
  return (
    <Xplosion
      textInput="Hello, World!"
      className="class-tw"
      colorClassName="pinkColor"
      style={{ fontSize: "24px", fontWeight: "bold" }}
    >
      <p>Hover over me with style</p>
    </Xplosion>
  );
};

export default App;
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.