KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#developer-tools #typescript #claude-code #codex #dsh #dsh-plugin #ai-agent #ai-agents #deepseek-harness #agent-skills #macos #cli

x-men-svg-filter-animation

★ 30 Open GitHub ↗

SVG filter animation experiment inspired by marvel's x-men character mystique

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Superhero SVG Filter Animation

An interactive superhero-like illustration effect for the web using SVG filters and masks.

![Image Title](https://tympanus.net/codrops/wp-content/uploads/2021/08/mystique.jpg)

[Article on Codrops](https://tympanus.net/codrops/?p=55944)

[Demo](http://tympanus.net/Tutorials/Mystique/)

## Installation

Install dependencies:

```
npm install
```

Compile the code for development and start a local server:

```
npm start
```

Create the build:

```
npm run build
```

## Credits

- https://inkscape.org/release/inkscape-1.1/
- https://jakearchibald.github.io/svgomg/
- https://yoksel.github.io/svg-filters/
- https://greensock.com/docs/

## Misc

Follow Abner: [GitHub](https://github.com/abnersn)

Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/codrops), [GitHub](https://github.com/codrops), [Instagram](https://www.instagram.com/codropsss/)

## License
[MIT](LICENSE)

Made with :blue_heart:  by [Codrops](http://www.codrops.com)

x-men-svg-filter-animation

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README