vibster / watching-you

Watching-you is a javascript library for building animations that watch anything on DOM 👀.

Features

• Ability to watch mouse or another DOM or even input values, watch anything you want!
• Because it is DOM-based, it is easy to support RWD
• Supports multiple frameworks
• Zero dependency (every framework is!)
• Written in typescript
• The size of the core code is only 3kb after gzip compression
• If the element is not on the screen, it will automatically stop running

Example

• Login Form
• Iron Chain
• Cena is watching you

Storybook

watching-you's storybook using react, but every framework can do the same thing!

https://jj811208.github.io/watching-you/storybook

Documents

• Vanilla.js
• React
• Vue

Known limitations

• When watching input, the text-align attribute must be left
• Only px are supported

Compatibility

	Chrome	Firefox	Safari	Edge	Opera	iOS Safari/Chrome	Android Chrome
Supported	70+	73+	14.1+	80+	70+	14.1+	✔

Changing build settings or adding polyfill should result in better compatibility, but for now, I think that's enough, and I don't want its bundle size to get any bigger.

Contributions

If anyone wants to contribute, please open a issue and let me know, I'd be happy to write CONTRIBUTING.md.

License

ISC

Todo

• more test