FRAMER FORGE
OVERRIDEHover →
O/320//Interaction

Tilt Card

3D card tilt that follows the cursor. Configurable depth, easing, and reset.

3dtiltcardhover
By Kaiborg · Verified author
Pay once · Own forever
D/01//Description
Adds a cursor-following 3D tilt to any frame. Perspective, max tilt angle, return ease, and glare overlay are all override props. The glare is what sells it — most tilt overrides skip it and the effect falls flat.
P/02//Source preview · locked
import type { ComponentType } from "react"
import { useRef, useState } from "react"

export function withTilt(Component): ComponentType {
  return (props) => {
    const ref = useRef<HTMLDivElement>(null)

// … purchase to unlock the full source
Source locked