5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/05lj3a0qaa006.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/382a8k30zyobj.js","/creators-assets/_next/static/immutable/chunks/368p63l4oh_7-.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/228u8o-g1d1_g.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/413kuej600yyw.js","/creators-assets/_next/static/immutable/chunks/02hyzon6wywme.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:T619,

Use your CMS in three steps. 1) Drop a Collection List into the Quotes (CMS) slot and turn off its Pagination (Load more / Infinite): the component reads the list and shows every item, so the list's own Load more button is not shown. 2) In the item, name the text layers Quote, Author and Role, plus optional Avatar (image), Rating (1–5 or ★★★★★) and Source. 3) Preview or publish: each CMS item becomes one quote. Layer names can be changed in the panel, and the item's link becomes the quote's link.

One testimonial carousel, three motions: slide, stamp and fade.

- Autoplay pauses on hover and focus, off screen and in background tabs. Under reduced motion it is off and quotes change without animation; arrows, dots and arrow keys still work.

- Screen readers get one quote at a time; the position is announced when the visitor changes the quote.

- Stars, a source badge, an avatar (or initials) and a link per quote. Avatar images must use https URLs; links accept http(s), mailto, tel and relative paths.

What you control

- Typed quotes when you have no CMS: quote, author, role, avatar, rating, source, link

- Motion; autoplay seconds (0 turns it off)

- Arrows, dots, stars, avatars; left or centred

- Max width, radius, padding, font, text size and four colours

- Every word: labels, star and position wording, empty text

The canvas shows the first card at rest; CMS items split into quotes in Preview and on the live site. For a grid, use CMS Review Wall.

5a:[["$","$L5d",null,{"post":{"id":"01a06cf0-acc1-731c-8241-6cbe66f0a653","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"82d016d2-8113-4080-8f2a-7c3796dceab4","name":"ulz song","slug":"ulz-song","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/82d016d2-8113-4080-8f2a-7c3796dceab4/cyjym4k1","followed":false,"followsYou":false},"media":[],"resources":[{"id":"VRwPETdjyxPLg5KVDOKK","resolved":true,"title":"Aisol Quote Motion","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Use your CMS in three steps. 1) Drop a Collection List into the Quotes (CMS) slot and turn off its Pagination (Load more / Infinite): the component reads the list and shows every item, so the list's own Load more button is not shown. 2) In the item, name the text layers Quote, Author and Role, plus optional Avatar (image), Rating (1–5 or ★★★★★) and Source. 3) Preview or publish: each CMS item becomes one quote. Layer names can be changed in the panel, and the item's link becomes the quote's link."}]},{"type":"paragraph","content":[{"type":"text","text":"One testimonial carousel, three motions: slide, stamp and fade."}]},{"type":"paragraph","content":[{"type":"text","text":"- Autoplay pauses on hover and focus, off screen and in background tabs. Under reduced motion it is off and quotes change without animation; arrows, dots and arrow keys still work."}]},{"type":"paragraph","content":[{"type":"text","text":"- Screen readers get one quote at a time; the position is announced when the visitor changes the quote."}]},{"type":"paragraph","content":[{"type":"text","text":"- Stars, a source badge, an avatar (or initials) and a link per quote. Avatar images must use https URLs; links accept http(s), mailto, tel and relative paths."}]},{"type":"paragraph","content":[{"type":"text","text":"What you control"}]},{"type":"paragraph","content":[{"type":"text","text":"- Typed quotes when you have no CMS: quote, author, role, avatar, rating, source, link"}]},{"type":"paragraph","content":[{"type":"text","text":"- Motion; autoplay seconds (0 turns it off)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Arrows, dots, stars, avatars; left or centred"}]},{"type":"paragraph","content":[{"type":"text","text":"- Max width, radius, padding, font, text size and four colours"}]},{"type":"paragraph","content":[{"type":"text","text":"- Every word: labels, star and position wording, empty text"}]},{"type":"paragraph","content":[{"type":"text","text":"The canvas shows the first card at rest; CMS items split into quotes in Preview and on the live site. For a grid, use CMS Review Wall."}]}]},"introduction":"Testimonials with three motions","slug":"aisol-quote-motion","author":{"framerUserId":"82d016d2-8113-4080-8f2a-7c3796dceab4","name":"ulz song","slug":"ulz-song","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/82d016d2-8113-4080-8f2a-7c3796dceab4/cyjym4k1","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/82d016d2-8113-4080-8f2a-7c3796dceab4/01a06cf0-6319-747e-a676-dc0f29550732.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-04T15:01:46.722Z","updatedAt":"2026-10-02T10:51:21.533Z","publishedAt":"2026-09-04T15:01:46.719Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://thistle-timing-694660.framer.app/aisol-quote-motion","price":"10","paymentUrl":"https://payhip.com/b/syYBn","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"zylvo7leCtNzO2GYBQXp","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-04T15:01:47.329Z","updatedAt":"2026-09-04T15:01:47.329Z","reported":false}}],"$L5f"]

Suggested for you