Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
November 5, 2022 07:36 pm GMT

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


Original Link: https://dev.to/jj811208/make-your-dom-look-like-an-eye-that-can-focus-on-anything-3am

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To