5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:Ta44,

Hover Review Card for Framer

Hover Review Card is a modern interactive testimonial component designed to bring smooth motion and premium visual depth to Framer websites. On hover, a soft animated gradient overlay appears across the card, creating focus and a polished interactive experience while keeping the content clean and readable.

The component is built with responsive layouts, balanced spacing, clean typography, and fully editable content controls. Users can easily customize the review heading, supporting text, reviewer image, reviewer name, and profession directly from the Framer properties panel without affecting the structure or design consistency.

Perfect for SaaS websites, startup landing pages, agency portfolios, product showcases, and modern business websites, Hover Review Card helps transform static testimonial sections into engaging interactive experiences with minimal setup.

Interactive Hover Effects

• Smooth animated gradient hover overlay for modern visual depth.

• Soft glow transitions that enhance focus and interaction on hover.

• Clean motion animations designed for a polished premium experience.

• Responsive hover behavior optimized for seamless performance across devices.

Customizable Design Controls

• Review heading text for testimonial titles and highlights.

• Review description content for supporting customer feedback.

• Reviewer profile image directly from the Framer properties panel.

• Reviewer name and profession details for personalized testimonials.

• Responsive layout behavior optimized across desktop, tablet, and mobile devices.

• Clean rounded corner styling with modern minimal spacing and typography.

How It Works

Hover Review Card uses smooth Framer hover interactions to animate a soft gradient overlay across the testimonial card, creating depth, focus, and a polished interactive experience while maintaining clean readability and balanced spacing. The component includes fully editable property controls that allow users to customize review text, reviewer details, and profile images directly from the Framer properties panel without affecting the layout structure. Built with responsive auto-layout behavior, the card adapts seamlessly across desktop, tablet, and mobile devices, delivering a consistent modern experience with smooth performance and minimal setup.

5a:[["$","$L5d",null,{"post":{"id":"019e796c-961a-7034-b15b-1a126878e1a3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a10cc62d-202c-4793-8b3d-4924a4721757","name":"Srinivas s","slug":"srinivas-s-zju198","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2358877/avatar-5Z0CemcF3umXRTg0fu80oPQ85RWQwP.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"eiCkaWyAPukJOB7x0jtU","resolved":true,"title":"Hover Review Card","body":"$5e","bodyJson":null,"introduction":"Interactive review cards, smooth hover","slug":"hover-review-card","author":{"framerUserId":"a10cc62d-202c-4793-8b3d-4924a4721757","name":"Srinivas s","slug":"srinivas-s-zju198","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2358877/avatar-5Z0CemcF3umXRTg0fu80oPQ85RWQwP.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/eiCkaWyAPukJOB7x0jtU/hover-review-card-W331x5SNw2hXRts5EF9wUjkHMj6UZ9","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-19T18:01:47.726Z","updatedAt":"2026-06-14T09:32:54.503Z","publishedAt":"2026-05-30T15:06:59.994Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Hover-Review-Card-L4tJNM.js@dIKiV5CmkLHGgbTBafyu","previewUrl":"https://hoverreviewcard.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"dIKiV5CmkLHGgbTBafyu","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":57,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-30T15:06:59.994Z","updatedAt":"2026-05-30T15:06:59.994Z","reported":false}}],"$L5f"]

Suggested for you