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?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →