DEV Community

Cover image for Make your DOM look like an eye that can focus on anything!
jj811208
jj811208

Posted on

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

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

Top comments (0)