Parallax
The Mantine Parallax component can be used to create a parallax effect with any React component as children. In particular, you may use this component to create the Apple TV Card effect.
Full documentation and API reference available at gfazioli.github.io/mantine-parallax
Installation
yarn add @gfazioli/mantine-parallaxOverview
Parallax adds depth and perspective to any element:
- Apple TV Card effect — 3D tilt following mouse movement
- Configurable intensity — subtle or dramatic tilt
- Glare effect — optional light reflection overlay
- Multiple layers — stack elements at different parallax depths
- Touch support — works with device orientation on mobile
- Reset on leave — smoothly returns to neutral position
Last updated on
