logo-loader: An easy and widely applicable web component that creates an animation from an image or icon

#webcomponents #frontend #npm #html

NPM Link: https://www.npmjs.com/package/logo-loader

Demo:
In the current version, there are two animation options, "default" or "pulse":

When to use?
The package can be used by any web project since it was built with native browser APIs (web components), HTML, CSS, and JavaScript. The recommended use case is for displaying full-screen loaders or large section loaders within a page.

What's the advantage?
The package was designed to be easily implemented in web projects and to strengthen the application's brand identity. Instead of using a generic loader, spinner, or progress bar, you can turn your project’s logo — which is already available in your code — into an animation.

Usage example:
After the installation, you can add the tag to your HTML:
<logo-loader src="my-logo.png"></logo-loader>

Next steps:
Feel free to share feedback of the current version. In the future I aim to add more animation options