I'm fascinated by many details of the Apple TV UI, including a tiltable card, which looks amazing on the TV screen and it allows you to tilt it using the remote's trackpad. There are currently many resources on the Internet such as vanilla-tilt.js, tilt.js, Atropos, and react-parallax-tilt, which is what I use. For me, its usage examples use React components and are very intuitive. If you use React + Tailwind CSS, I think react-parallax-tilt is more friendly.
In specific use, when I wanted to use the parallax feature, that is, when there are multiple layers of tags on the z-axis, I encountered a problem: Tailwind CSS does not have transform-style: preserve 3d, which means that Tailwind CSS itself can only perform x-axis and y axis of translation. At this point we can use tailwindcss-3d. After simply installing and importing the plugin, we can achieve the parallax effect of multi-layer tags.