3D pointer tilt card

Cards tilt toward the cursor's X/Y and a soft glow follows underneath. Nav uses it on feature cards. Pointer-fine only — pass the media query so touch devices get a flat card.

by FWONanimation-hovervanilla

Get a site with blocks like this

Live preview

open in new tab ↗

<div class="a26" data-tilt>
  <div class="sh"></div>
  <div class="kt">01 · Setup</div>
  <h3 class="kh">Give Claude the business.</h3>
  <p class="ks">Every task starts with what you sell and who you serve.</p>
</div>

Block id: tim-26-3d-pointer-tilt-cardvanilla · drop-in

More animation-hover blocks

Animated gradient-border button

21st.dev

AI agent command panel with thinking state

linear

Hero video dialog with thumbnail

magicui

Meteor shower overlay

magicui

Want the whole site, not just the block?

We ship real client sites in 3 weeks — with blocks like this one, wired to your brand.

Get my free 15-min audit Book a Discovery Call