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

Sectional testimonial slider turns client feedback into a distinctive part of your Framer website. Large portraits, clear client details, and bold quotes create an editorial composition — ideal for studios, agencies, consultants, and portfolios.

Fine dividers bring structure, while word-by-word quote animations and smooth portrait transitions make each testimonial engaging. Minimal navigation buttons and a review counter keep browsing intuitive.

Three flexible layouts

Horizontal — portrait, client details, and quote displayed side by side.
Vertical — all three sections stacked from top to bottom.
Auto — switches to vertical when the component is 900 px wide or narrower.

Quote sizing adapts to narrower spaces in Auto and Vertical modes. Content-driven height and space reserved for the longest review help reduce layout shifts between testimonials.

Customise directly in Framer

Add reviews and edit names, roles, companies, services, and quotes.
Upload your own portraits.
Choose a font and adjust quote typography.
Customise text, background, and accent colours.
Set the colour of the dividers and outer border.

The frame covers all four edges in both orientations. Your selected font applies throughout the component, maintaining a clear hierarchy between names, details, and quotes.

Thoughtful details included

Continuous navigation connects the last review back to the first. Keyboard-accessible buttons feature visible focus states, and animations respect reduced-motion preferences.

Three sample testimonials are included to help you get started. Replace them with your own content and make the component yours.

Give your clients’ words a stronger presence. Expressive typography, adaptable layouts, and simple customisation make Sectional testimonial slider a memorable addition to your website.

5a:[["$","$L5d",null,{"post":{"id":"01a0cd86-67af-7717-9be2-cf2918876106","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"ab7c3e96-c7db-4058-8c57-3baeabd8685a","name":"Gennady Muzych","slug":"gennady","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1453376/avatar-1C0SycVwe3yFk3MCvWp1rwOlrlClFt.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"1XOxnUmBXyIWa7OaFaud","resolved":true,"title":"Testimonial Slider","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sectional testimonial slider","marks":[{"type":"bold"}]},{"type":"text","text":" turns client feedback into a distinctive part of your Framer website. Large portraits, clear client details, and bold quotes create an editorial composition — ideal for studios, agencies, consultants, and portfolios."}]},{"type":"paragraph","content":[{"type":"text","text":"Fine dividers bring structure, while word-by-word quote animations and smooth portrait transitions make each testimonial engaging. Minimal navigation buttons and a review counter keep browsing intuitive."}]},{"type":"paragraph","content":[{"type":"text","text":"Three flexible layouts","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Horizontal","marks":[{"type":"bold"}]},{"type":"text","text":" — portrait, client details, and quote displayed side by side."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Vertical","marks":[{"type":"bold"}]},{"type":"text","text":" — all three sections stacked from top to bottom."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto","marks":[{"type":"bold"}]},{"type":"text","text":" — switches to vertical when the component is 900 px wide or narrower."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Quote sizing adapts to narrower spaces in Auto and Vertical modes. Content-driven height and space reserved for the longest review help reduce layout shifts between testimonials."}]},{"type":"paragraph","content":[{"type":"text","text":"Customise directly in Framer","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add reviews and edit names, roles, companies, services, and quotes."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload your own portraits."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose a font and adjust quote typography."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customise text, background, and accent colours."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set the colour of the dividers and outer border."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"The frame covers all four edges in both orientations. Your selected font applies throughout the component, maintaining a clear hierarchy between names, details, and quotes."}]},{"type":"paragraph","content":[{"type":"text","text":"Thoughtful details included","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Continuous navigation connects the last review back to the first. Keyboard-accessible buttons feature visible focus states, and animations respect reduced-motion preferences."}]},{"type":"paragraph","content":[{"type":"text","text":"Three sample testimonials are included to help you get started. Replace them with your own content and make the component yours."}]},{"type":"paragraph","content":[{"type":"text","text":"Give your clients’ words a stronger presence.","marks":[{"type":"bold"}]},{"type":"text","text":" Expressive typography, adaptable layouts, and simple customisation make Sectional testimonial slider a memorable addition to your website."}]}]},"introduction":"Sectional","slug":"testimonial-slider","author":{"framerUserId":"ab7c3e96-c7db-4058-8c57-3baeabd8685a","name":"Gennady Muzych","slug":"gennady","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1453376/avatar-1C0SycVwe3yFk3MCvWp1rwOlrlClFt.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ab7c3e96-c7db-4058-8c57-3baeabd8685a/01a0d375-27bc-7364-998a-3b91eb48e328.jpg","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-23T09:08:52.111Z","updatedAt":"2026-09-24T12:47:48.320Z","publishedAt":"2026-09-23T09:08:52.108Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://considerate-look-448607.framer.app","price":"12","paymentUrl":"https://app.lava.top/en/products/db01bd92-8cfa-435f-8bec-e38518383b02?currency=USD","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"wu3KYGAfOqpg23ERZpcp","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-23T09:08:52.783Z","updatedAt":"2026-09-23T09:08:52.783Z","reported":false}}],"$L5f"]

Suggested for you