https://github.com/prantlf/web-xeyes

A Web Component showing a pair of eyes following movements of the mouse cursor on the page, like the xeyes from X.Org tools.
https://github.com/prantlf/web-xeyes

component element html html-element stencil web-component webcomponent x-eyes xeyes

Last synced: 7 months ago
JSON representation

A Web Component showing a pair of eyes following movements of the mouse cursor on the page, like the xeyes from X.Org tools.

• Host: GitHub
• URL: https://github.com/prantlf/web-xeyes
• Owner: prantlf
• License: mit
• Created: 2021-01-31T17:47:11.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-05-06T21:49:17.000Z (over 2 years ago)
• Last Synced: 2025-03-16T16:24:00.687Z (7 months ago)
• Topics: component, element, html, html-element, stencil, web-component, webcomponent, x-eyes, xeyes
• Language: TypeScript
• Homepage: https://prantlf.github.io/web-xeyes/
• Size: 3.23 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGES.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# X-Eyes Web Component

[![Latest version](https://img.shields.io/npm/v/web-xeyes)

 ![Dependency status](https://img.shields.io/librariesio/release/npm/web-xeyes)

](https://www.npmjs.com/package/web-xeyes)

[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/web-xeyes)

A [Web Component] showing a pair of eyes following movements of the mouse cursor on the page, like the [xeyes] from [X.Org] tools.

![Example](./src/components/x-eyes/example.gif)

See the [documentation of the x-eyes] component and the [on-line demo] or the [storybook].

## Contributing

In lieu of a formal styleguide, take care to maintain the existing coding style. Lint and test your code using `npm test`.

## License

Copyright (c) 2021-2023 Ferdinand Prantl

Licensed under the MIT license.

This project has started as a conversion of Felix Milea-Ciobanu's [jQuery xeyes] to pure JavaScript and a Web Component wrapper.

[X.Org]: https://www.x.org/

[xeyes]: https://wikipedia.org/wiki/Xeyes

[Web Component]: https://developer.mozilla.org/en-US/docs/Web/Web_Components

[documentation of the x-eyes]: ./src/components/x-eyes/#readme

[on-line demo]: https://prantlf.github.io/web-xeyes/

[storybook]: https://prantlf.github.io/web-xeyes/storybook/

[jQuery xeyes]: https://github.com/felixmc/jQuery-xeyes