tilt.js | A tiny 60+fps parallax tilt hover effect for jQuery | Animation library

I have the same problem as this post => Finding the correct import for a third party DefinitelyTyped module

I am trying to install VanillaTilt in to my Angular (TS) project. Using this index.d.ts... I saved that d.ts in the same directory as app.component.ts which looks like the following

I'm trying to add Vanilla Tilt to my TypeScript project. I've installed it and the @types/vanilla-tilt

The types have:

I am trying to use vanilla-tilt.js and the easiest way is to add data-tilt to your tag:

I'm trying to have a vertical slider with slick slider and tilt.js. The last one give mouseover animation but the slider didn't work. Is there a way to make these two library work together ?

I am trying to implement the Vanilla Tilt JS plugin in my project, but I can't even seem to find a way of using vanilla js imports in my project.

So far, I have tried using it as a directive, just like you would use a jQuery plugin by using ElementRef , Input etc. from @angular/core.

I have included the script in my .angular-cli.json file under scripts: directly from the npm package that I have installed for Vanilla Tilt JS.

And I was thinking about using it as a directive, since it has its own data-tilt attribute like so: