Make your DOM look like an eye that can focus on anything!

Hello, I’m Ryan.

I would like to show you an animation library I developed😀.

It can make your DOM look like an eye that can focus on anything!

The Repo URL: https://github.com/jj811208/watching-you

Example

Login Form

Cena is watching…


This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by jj811208

Watching-you

Hello, I'm Ryan.

I would like to show you an animation library I developed😀.

It can make your DOM look like an eye that can focus on anything!

The Repo URL: https://github.com/jj811208/watching-you

Example

Login Form
login-form-watcher

Cena is watching you
cena-is-watching-you

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
    • vanilla.js
    • react
    • vue
  • 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

You can see more on the GitHub Repo!!

I like this effect myself and have used it in many projects, but this repo is still an very new open source project, so if you find bugs or have any suggestions, feel free to open an issue, I would appreciate it 🙏

Finally, if you like it, I hope you can star this repo 🤩

The Repo URL: https://github.com/jj811208/watching-you


This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by jj811208


Print Share Comment Cite Upload Translate Updates
APA

jj811208 | Sciencx (2022-11-05T19:36:21+00:00) Make your DOM look like an eye that can focus on anything!. Retrieved from https://www.scien.cx/2022/11/05/make-your-dom-look-like-an-eye-that-can-focus-on-anything/

MLA
" » Make your DOM look like an eye that can focus on anything!." jj811208 | Sciencx - Saturday November 5, 2022, https://www.scien.cx/2022/11/05/make-your-dom-look-like-an-eye-that-can-focus-on-anything/
HARVARD
jj811208 | Sciencx Saturday November 5, 2022 » Make your DOM look like an eye that can focus on anything!., viewed ,<https://www.scien.cx/2022/11/05/make-your-dom-look-like-an-eye-that-can-focus-on-anything/>
VANCOUVER
jj811208 | Sciencx - » Make your DOM look like an eye that can focus on anything!. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/11/05/make-your-dom-look-like-an-eye-that-can-focus-on-anything/
CHICAGO
" » Make your DOM look like an eye that can focus on anything!." jj811208 | Sciencx - Accessed . https://www.scien.cx/2022/11/05/make-your-dom-look-like-an-eye-that-can-focus-on-anything/
IEEE
" » Make your DOM look like an eye that can focus on anything!." jj811208 | Sciencx [Online]. Available: https://www.scien.cx/2022/11/05/make-your-dom-look-like-an-eye-that-can-focus-on-anything/. [Accessed: ]
rf:citation
» Make your DOM look like an eye that can focus on anything! | jj811208 | Sciencx | https://www.scien.cx/2022/11/05/make-your-dom-look-like-an-eye-that-can-focus-on-anything/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.