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:T947,

Elevate your website's social proof with this fully customizable testimonial card — designed to look stunning out of the box while giving you complete control over every detail.

Choose from three layout variants: a split 2/3 wide picture layout, a full-width picture layout, or a compact version — perfect for any section width or use case. Drop in your customer's photo, name, and review text, then toggle the star rating on or off depending on your needs.

The rating system supports 0.5 increments from 0 to 5 stars (think 4.5, 3.5, 2.5 and so on) in both Big and Medium sizes, giving you precise control over how feedback is displayed. Every visual layer is independently adjustable: tweak the back frame color, border, radius, shadows, and content gap to match your brand perfectly. The front frame comes with its own shadow and radius settings, while the floating quote icon has its own container color, border, radius, shadow controls — and yes, the quote mark color itself is independently customizable too.

Additional properties let you fine-tune the testimonial text color, stars color, and front frame blur intensity — so whether you're going for glassmorphism, soft minimalism, or bold contrast, this card adapts effortlessly. (unlink the component to customize the font and other properties that can't be surfaced in Framer component properties and need a local style to be customizable from the outside).

Built for Framer with clean component properties to minimize extra setup needed and let you comfortably experiment from the component settings. Just drag, drop, and customize.

Link to the preview: https://dandy-version-098885.framer.app/preview

Settings of the component:

Also totally fine to unlink and customize further if preferring using it as a base.

5a:[["$","$L5d",null,{"post":{"id":"019d936f-bbd6-78d4-9186-b627eeac9063","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"ff3d8eca-ae13-4845-bd7e-9c26d1085c71","name":"Jirei","slug":"jirei","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"Ytqta3UJI9XPbxSH71UU","resolved":true,"title":"StarQuote Card","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Elevate your website's social proof with this fully customizable testimonial card — designed to look stunning out of the box while giving you complete control over every detail."}]},{"type":"paragraph","content":[{"type":"text","text":"Choose from "},{"type":"text","text":"three layout variants","marks":[{"type":"bold"}]},{"type":"text","text":": a split 2/3 wide picture layout, a full-width picture layout, or a compact version — perfect for any section width or use case. Drop in your customer's photo, name, and review text, then toggle the star rating on or off depending on your needs."}]},{"type":"paragraph","content":[{"type":"text","text":"The rating system supports "},{"type":"text","text":"0.5 increments from 0 to 5 stars","marks":[{"type":"bold"}]},{"type":"text","text":" (think 4.5, 3.5, 2.5 and so on) in both Big and Medium sizes, giving you precise control over how feedback is displayed. Every visual layer is independently adjustable: tweak the back frame color, border, radius, shadows, and content gap to match your brand perfectly. The front frame comes with its own shadow and radius settings, while the floating quote icon has its own container color, border, radius, shadow controls — and yes, "},{"type":"text","text":"the quote mark color itself is independently customizable","marks":[{"type":"bold"}]},{"type":"text","text":" too."}]},{"type":"paragraph","content":[{"type":"text","text":"Additional properties let you fine-tune the "},{"type":"text","text":"testimonial text color","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"stars color","marks":[{"type":"bold"}]},{"type":"text","text":", and front frame blur intensity — so whether you're going for glassmorphism, soft minimalism, or bold contrast, this card adapts effortlessly. (unlink the component to customize the font and other properties that can't be surfaced in Framer component properties and need a local style to be customizable from the outside)."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for Framer with clean component properties to minimize extra setup needed and let you comfortably experiment from the component settings. Just drag, drop, and customize."}]},{"type":"paragraph","content":[{"type":"text","text":"Link to the preview: "},{"type":"text","text":"https://dandy-version-098885.framer.app/preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://dandy-version-098885.framer.app/preview","class":null,"target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Settings of the component:"}]},{"type":"customImage","attrs":{"alt":"","src":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-2iup3dvp-e17VzILkuFEVJNx2his0Rf103SX20E","link":null,"caption":"","uploadId":null}},{"type":"customImage","attrs":{"alt":"","src":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-l1t5rq7e-e4TrR70hybkIViXBvXwmGMtIYA4CNN","link":null,"caption":"","uploadId":null}},{"type":"paragraph","content":[{"type":"text","text":"Also totally fine to unlink and customize further if preferring using it as a base."}]},{"type":"paragraph"}]},"introduction":" Testimonial Card with star rating.","slug":"starquote-card","author":{"framerUserId":"ff3d8eca-ae13-4845-bd7e-9c26d1085c71","name":"Jirei","slug":"jirei","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Ytqta3UJI9XPbxSH71UU/starquote-card-oCj1u1fA6WhU0grfOua6Y1ezBxQ0bL","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-12T18:53:07.079Z","updatedAt":"2026-07-30T21:26:10.086Z","publishedAt":"2026-04-15T23:17:46.582Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Review-Testimonial-Card-upGX7Y.js@wSceL7ttvrYVPJT0hVyB","previewUrl":"https://dandy-version-098885.framer.app/preview","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"wSceL7ttvrYVPJT0hVyB","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-15T23:17:46.582Z","updatedAt":"2026-04-15T23:17:46.582Z","reported":false}}],"$L5f"]

Suggested for you