Skip to content

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

License

Notifications You must be signed in to change notification settings

jj811208/watching-you

Repository files navigation

watching-you

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

watching your mouse watching your input value

Features

  • Be able to watch the 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 watching

Example

The source code can be found here

Storybook

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

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

Documents

⚠️ The API is still subject to change until version 1.0.0 is released ⚠️

Compatibility

If you use watching-you directly without any compiler(babel), (e.g. Wordpress project using CDN import watching-you)

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

But if you use a compiler like babel and import polyfill, it can even support IE11

Some references:
https://babeljs.io/
https://github.com/vitejs/vite/tree/main/packages/plugin-legacy

Note

License

ISC