Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/binary-blazer/react-effectz
💠react effects npm package including some effects in form as components
https://github.com/binary-blazer/react-effectz
cjs effectz esm library nextjs react react-effectz types typescript
Last synced: 4 days ago
JSON representation
💠react effects npm package including some effects in form as components
- Host: GitHub
- URL: https://github.com/binary-blazer/react-effectz
- Owner: binary-blazer
- License: apache-2.0
- Created: 2024-04-09T19:21:07.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-10-26T20:03:09.000Z (19 days ago)
- Last Synced: 2024-10-27T22:27:08.946Z (18 days ago)
- Topics: cjs, effectz, esm, library, nextjs, react, react-effectz, types, typescript
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/react-effectz
- Size: 104 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-effectz
> 💠react effects npm package including some effects in form as components
## 📦 Installation
```bash
npm install react-effectz
# or
yarn add react-effectz
# or
pnpm add react-effectz
# or
bun install react-effectz
```
## 📚 Usage
```jsx
import { GlitchText } from 'react-effectz';
const App = () => {
return (
);
};
```
## 📖 Documentation
- [GlitchText](#glitchtext)
> Rest will be available soon
### GlitchText
```jsx
import { GlitchText } from 'react-effectz';
const App = () => {
return (
);
};
```
#### Props
- `text` (string): Text to apply glitch effect on
- `className` (string): Classname to apply on the text
- `playOnLoop` (boolean): Play the glitch effect on loop
- `duration` (number): Duration of the glitch effect <(soon)>
## 📜 License
Apache-2.0 License © [Jonas Franke <@binary-blazer>](https://github.com/binary-blazer/react-effectz/blob/main/LICENSE)