finds.dev← search

// the find

developedbyed/3d-card-effect

★ 383 · CSS · updated Oct 2022

A single-page demo of a CSS/JS 3D tilt card effect, the kind you see on product landing pages. It's a tutorial artifact, not a library — there's no installable package, just four files you copy from.

The effect itself is clean and works without dependencies. The JS is short enough to read in five minutes and understand exactly what's happening with the mouse tracking math. Good starting point if you want to understand perspective transforms before reaching for a library.

Abandoned since 2022 with no updates. No npm package, no module exports — you're copy-pasting raw files. No touch/mobile support. The single hardcoded Adidas card makes it harder to see how you'd generalize this to real content without rewriting the whole thing yourself.

View on GitHub →

// want more like this?

Every week we dig through GitHub and send you a few repos picked for what you're working on, each with an honest take like this one. Free. See a real issue →

// similar repos

Search the finds →