Myocardial fibrosis is a pathological, physiological change that results from alterations, such as inflammation and metabolic dysfunction, after myocardial infarction (MI). Excessive fibrosis can cause cardiac dysfunction, ventricular remodeling, and heart failure. Caffeic acid (CA), a natural polyphenolic acid in various foods, has cardioprotective effects. This study aimed to explore whether CA exerts a cardioprotective effect to inhibit myocardial fibrosis post-MI and elucidate the underlying mechanisms. Histological observations indicated that CA ameliorated ventricular remodeling induced by left anterior descending coronary artery ligation in MI mice and partially restored cardiac function. CA selectively targeted transforming growth factor-β receptor 1 (TGFBR1) and inhibited TGFBR1-Smad2/3 signaling, reducing collagen deposition in the infarcted area of MI mice hearts. Furthermore, cell counting (CCK-8) assay, 5-ethynyl-2′-deoxyuridine assay, and western blotting revealed that CA dose-dependently decreased the proliferation, collagen synthesis, and activation of the TGFBR1-Smad2/3 pathway in primary cardiac fibroblasts (CFs) stimulated by TGF-β1 in vitro. Notably, TGFBR1 overexpression in CFs partially counteracted the inhibitory effects of CA. These findings suggest that CA effectively mitigates myocardial fibrosis and enhances cardiac function following MI and that this effect may be associated with the direct targeting of TGFBR1 by CA.