https://github.com/jj811208/watching-you Skip to content Toggle navigation Sign up * Product + Actions Automate any workflow + Packages Host and manage packages + Security Find and fix vulnerabilities + Codespaces Instant dev environments + Copilot Write better code with AI + Code review Manage code changes + Issues Plan and track work + Discussions Collaborate outside of code + Explore + All features + Documentation + GitHub Skills + Blog * Solutions + By Plan + Enterprise + Teams + Compare all + By Solution + CI/CD & Automation + DevOps + DevSecOps + Case Studies + Customer Stories + Resources * Open Source + GitHub Sponsors Fund open source developers + The ReadME Project GitHub community articles + Repositories + Topics + Trending + Collections * Pricing [ ] * # In this repository All GitHub | Jump to | * No suggested jump to results * # In this repository All GitHub | Jump to | * # In this user All GitHub | Jump to | * # In this repository All GitHub | Jump to | Sign in Sign up {{ message }} jj811208 / watching-you Public * Notifications * Fork 4 * Star 341 Watching-you is a javascript library for building animations that watch anything on DOM . jj811208.github.io/watching-you License ISC license 341 stars 4 forks Star Notifications * Code * Issues 2 * Pull requests 0 * Discussions * Actions * Security * Insights More * Code * Issues * Pull requests * Discussions * Actions * Security * Insights jj811208/watching-you This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. main Switch branches/tags [ ] Branches Tags Could not load branches Nothing to show {{ refName }} default View all branches Could not load tags Nothing to show {{ refName }} default View all tags Name already in use A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch? Cancel Create 1 branch 0 tags Code * Clone HTTPS GitHub CLI [https://github.com/j] Use Git or checkout with SVN using the web URL. [gh repo clone jj8112] Work fast with our official CLI. Learn more. * Open with GitHub Desktop * Download ZIP Launching GitHub Desktop If nothing happens, download GitHub Desktop and try again. Launching GitHub Desktop If nothing happens, download GitHub Desktop and try again. Launching Xcode If nothing happens, download Xcode and try again. Launching Visual Studio Code Your codespace will open once ready. There was a problem preparing your codespace, please try again. Latest commit @jj811208 jj811208 chore: update readme ... 6084f6b Nov 6, 2022 chore: update readme 6084f6b Git stats * 106 commits Files Permalink Failed to load latest commit information. Type Name Latest commit message Commit time .github/workflows chore: update github page Oct 31, 2022 .yarn/releases chore: update yarn Oct 23, 2022 packages chore: update readme Nov 6, 2022 static chore: update readme Sep 12, 2022 .eslintrc.cjs chore: update eslintrc Oct 31, 2022 .gitignore chore: update github page Oct 31, 2022 .prettierignore init project Sep 10, 2022 .prettierrc init project Sep 10, 2022 .tool-versions chore: update yarn Oct 23, 2022 .yarnrc.yml chore: update yarn Oct 23, 2022 LICENSE.md chore: update README.md Sep 10, 2022 README.md chore: update readme Nov 6, 2022 package.json chore: dedupe and update dependencies Oct 31, 2022 tsconfig.json refactor:shared vite and typescript settings Sep 12, 2022 tsconfig.node.json refactor:shared vite and typescript settings Sep 12, 2022 vite.config.ts refactor:shared vite and typescript settings Sep 12, 2022 yarn.lock chore: dedupe and update dependencies Oct 31, 2022 View code [ ] Features Example Storybook Documents Known limitations Contributions License Todo README.md 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 * 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 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 About Watching-you is a javascript library for building animations that watch anything on DOM . jj811208.github.io/watching-you Topics react javascript typescript vue dom animation vanilla-js javascript-library Resources Readme License ISC license Stars 341 stars Watchers 5 watching Forks 4 forks Releases No releases published Languages * TypeScript 78.8% * CSS 10.0% * JavaScript 4.6% * HTML 4.3% * Vue 2.3% Footer (c) 2022 GitHub, Inc. Footer navigation * Terms * Privacy * Security * Status * Docs * Contact GitHub * Pricing * API * Training * Blog * About You can't perform that action at this time. You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.