{"repo":"gfazioli/mantine-parallax","free":true,"listed":false,"github":"https://github.com/gfazioli/mantine-parallax","clone":"git clone https://github.com/gfazioli/mantine-parallax.git","description":"A Mantine UI Library Extension Parallax component to replicate the Apple TV Card","language":"TypeScript","stars":16,"topics":["apple","mantine-ui","mantine-v7","parallax","apple-card","apple-tv","apple-tv-card","component","mantine","nextjs"],"license":"MIT","category":"machine-learning","readme_excerpt":"Mantine Parallax Component --- ❤️ If this component has been useful to you or your team, please consider becoming a sponsor Overview This component is created on top of the Mantine library. It requires Mantine 9.x and React 19 . Mantine Parallax provides a flexible way to create rich, interactive motion effects for UI elements, ranging from the classic Apple TV card tilt to custom 3D transformations. Through props like perspective, initialPerspective, rotation (X/Y/Z), skew (X/Y), and lightEffect/lightOverlay, you can fine-tune both the visual depth and the response to user hover. It also offers guardrails—setting disabled or using large initialPerspective values (≥ 10000) effectively turns off perspective—to maintain control over extreme configurations. Beyond hover, Parallax integrates with scroll-driven interactions by feeding values from useWindowScroll to initial transformation props, enabling dynamic transitions tied to page position. For layered scenes, backgroundParallax and backgroundParallaxThreshold add independent parallax to backgrounds, making it simple to create immersive cards, banners, and panels that feel responsive and dimensional while remaining straightforward to integrate and style via the provided CSS layers. [!note] → Demo and Documentation → Youtube Video → More Mantine Components Installation or After installation import package styles at the root of your application: Usage Sponsor ❤️ If this component has been useful to you or your team, please cons","default_branch":null,"files":null,"tree":[],"storefront":"/r/gfazioli","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/gfazioli/mantine-parallax/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}