react
🔮
Glitch text for
(1kB)
react component can help you add text glitch animation
and have some really cool themes, like orange glitch or blue glitch
This nice and simple The glitch is really smooth, I tried to make more distortion but it's looked awful
💡 :
Install npm i glitch-text
---
yarn add glitch-text
🔥 :
Usage // don't forget change props
import { GlitchText } from 'glitch-text';
// orange theme by default
const App = () => {
return (
<div style={{ fontSize: '70px' }}>
<GlitchText theme='orange' text={'There are your text'} />
</div>
);
};
Text fully customazible but try use parents tags for styling
🎨 (more coming soon):
Themes - orange - (by default)
- blue
- green
- red
- white
- purple
🧤 (hover on text):
Examples https://react-next-js-api-auth.vercel.app/
Check here -https://komaroad.netlify.app/
Check here -
🔧 :
Props props | required | default | description |
---|---|---|---|
text(string) | yes | - | text where you want use glitch animation |
theme(string) | yes | orange | glitch color |