react-text-explode

react-text-explode is a react base component with zero dependencies, use to add the exploding effect.

codesandbox demo -> Demo

Installation

Use the package manager npm to install .

npm install react-text-explode

Usage

import React from "react";
import { TextExplode } from "react-text-explode";

import "./styles.css";

export default function App() {
  return (
    <div className="App">
      <h1>react-text-explode</h1>
      <TextExplode text="Are you ready ?" trigger="click" />
    </div>
  );
}

props	default value	type	info
text	Loading	string	the text you want to apply the effect on.
trigger	mouseover	string	event to trigger the effect ( mouseover or click ).
initialFontSize	12px	string	text font size before effect apply.
timerMs	undefined	number Or undefined	active auto trigger when timer end

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT