/watching-you

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

Primary LanguageTypeScriptISC LicenseISC

watching-you

npm version deploy-page npm-publish-core npm-publish-react npm-publish-vue

watching your mouse watching your input value

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

Storybook

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

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

Documents

Known limitations

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

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