jonathandion / react-tilt

Parallax tilt hover effect for React JS 🪄

website . x . instagram . sponsor

react-tilt's Issues

Unequal Project Directories

The Dist directory does not equal the current src directory in the master branch.

dist 2 years ago
src 8 months ago

It also does not work correctly when the existing src directory is built. Will you synchronize two directories in a running situation?

Support react 16

Just requires a simple change to package.json

FindDOMNode is deprecated

FindDOMNode is deprecated in react strict mode.

Something strange happens with scrolling

In the demo: https://vx-demo.now.sh/gallery

try scrolling down while trying to keep the mouse over the tilt element.

You will see how the tilting get's stuck on one of the sides.

I'm going to try to use the basic library. But thought I'd let you know.

Add glare feature

hi
please add glare to react version

Options don't work.

I assume this is abandoned..

But yeah, the options don't work at all. Only the styles do. I get the tilt effect using the basic setup, but any option I change makes no difference to the default 🤷🏽‍♂️

not responsive?

not working on small screens?

Support react 17

The project needs to update its dependencies to also support react 17.
The current code seems to work with react 17, so it should just be a change in the package.json.

Bug with hover and scroll

Google hrome. Demo:

1. Hover cursor on the element.
2. Don't move and scroll.
3. Move cursor by X coordinate -> tilt work fine
4. Move cursor by Y coordinate -> tilt work wrong

[Bug] Doesn't work in NextJS

I get the following error on fresh install and importing it in a NextJS page:
SyntaxError: Cannot use import statement outside a module

My import code:

import { Tilt } from 'react-tilt';

Environment:
"next": "13.1.1",
"react": "18.2.0",
"react-dom": "18.2.0",

Typescript Typings

Would it be possible to add support for Typescript to this library?

Backdrop-filter not working

backdrop-filter of child elements of Tilt does not work at all times

Touch support

Hi, first thanks for creating this nice library for react!
Maybe I'm completely off here but would it be possible to add support for touch gestures, since most of my web apps is not used on computers?

Component throws on unmount

Hi,

very nice tilt component, works very well!
I guess there is a problem while unmounting Tilt. It is possible that some of the delayed executions (via setTimeout/requestAnimationFrame) will be executed after the component is unmounted, which will result in a React warning caused by setState calls.

Something like

Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op. Please check the code for the Tilt component.

I was able to solve this problem by adding some tear down logic:

componentWillUnmount() {
   clearTimeout(this.transitionTimeout);
   cancelAnimationFrame(this.updateCall);
}

Should I prepare a PR?

Thanks!