github.com/7PH/powerglitch @v2.5.0

PowerGlitch is a standalone library with no external dependencies. It leverages CSS animations to glitch anything on the web, without using a canvas. It weights less than 2kb minified and gzipped.

Want to try it out? Check out the demo 😊

Like this project? Give a star 🌟

Getting started

1. Install PowerGlitch using a package manager bash npm i --save powerglitch # or yarn add powerglitch or by importing the web bundle in a script tag (or save it locally) html <script src="https://unpkg.com/powerglitch@latest/dist/powerglitch.min.js"></script>

2. Find an element to glitch ```html

   

   click me 🤷‍♂️

Hello World

```

1. Import PowerGlitch using ES6 import javascript import { PowerGlitch } from 'powerglitch' or using ES5 require javascript const PowerGlitch = require('powerglitch').PowerGlitch if you are importing PowerGlitch using a script tag, the PowerGlitch global variable is automatically available.

2. Glitch the element javascript PowerGlitch.glitch('.glitch')

3. That's it, your element is glitched!

4. Check-out the usage guide for optimization and usage tips.

Useful links

Documentation - Visually try out effects using the demo. - Lookup PowerGlitch home page. - For customization and optimization tips, check the usage guide. - Check out the api documentation for reference.

Integrations - React: react-powerglitch - Vue: vue-powerglitch

Contributing

Having trouble? Found a bug? Want to contribute? Any kind of contribution is welcome. If you have any questions, please open an issue or create a pull request.