We craft motion for teams who sweat the details and ship beautiful interfaces.

Controls

widthpx

aspectRatio

tilt°

offsetpx

stiffness

damping

Hover Media

Inline keyword that reveals a floating image or video following the cursor.

Open in v0

$ pnpm dlx shadcn@latest add @tweenly/hover-media

import { HoverMedia } from "@/components/hover-media"

export function Demo() {
  return (
    <p>
      We craft{" "}
      <HoverMedia src="/flower.mp4">
        motion
      </HoverMedia>
    </p>
  )
}

Updates live as you change the controls. Only non-default props are included.