Watching You

watching-you is a javascript library for building animations that watch anything on DOM 👀.
Alternatives To Watching You
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
React Content Loader12,76830924918 days ago69March 09, 20229mitTypeScript
⚪ SVG-Powered component to easily create skeleton loadings.
React Transition Group9,71847,7154,6869 days ago43August 01, 2022216otherJavaScript
An easy way to perform animations when a React component enters or leaves the DOM
Ramjet5,4412346 years ago9February 05, 201611mitJavaScript
Morph DOM elements from one state to another with smooth animations and transitions
Csshake4,634507a year ago5May 03, 20221mitSCSS
CSS classes to move your DOM!
React Flip Move3,866970964 months ago95October 26, 201932mitJavaScript
Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.
Islider1,658934 years ago17July 09, 201862mitJavaScript
Smooth mobile touch slider for Mobile WebApp, HTML5 App, Hybrid App
Watching You1,336
2 months ago1iscTypeScript
watching-you is a javascript library for building animations that watch anything on DOM 👀.
React Faux Dom1,219438763 years ago37March 31, 2019unlicenseJavaScript
DOM like structure that renders to React (unmaintained, archived)
Maquette736822917 hours ago66March 18, 202213mitTypeScript
Pure and simple virtual DOM library
React Gsap Enhancer69372145 years ago25September 25, 201619mitJavaScript
Use the full power of React and GSAP together
Alternatives To Watching You
Select To Compare


Alternative Project Comparisons
Readme
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

Popular Dom Projects
Popular Animation Projects
Popular Web User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Javascript
Typescript
Reactjs
Vue
Animation
Dom
Storybook
Vanilla Javascript