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

Use it with CMS in three steps: 1. Drop a Collection List into Cards (CMS) and turn off its Pagination. 2. Every item becomes a card in the folder, up to five, fanning out when the folder opens. 3. Name the layers inside the item Title, Body and Image; the folder puts the image on top, styles the title and note, and reads the title for screen readers.

The folder shows copies of your CMS items. Links inside an item still work, but Framer hover and press effects and interactive components inside an item do not run in the folder. A Load more button is not shown.

Aisol Dossier is a folder that opens on hover, focus or click and fans out the cards inside, each with an image, a note and a link.

Key features

- Real CMS cards. Each Collection List item becomes a card (first five), and the folder updates when the list changes.

- Turn off Style CMS Layers to keep your own card design.

- Enter or Space opens the folder, Escape closes it. Closed cards leave the tab order.

- Hand-made cards without an image get a drawn poster.

- Reduced motion: the folder opens without the transition.

What you control

- Cards (CMS) slot, or hand-made Cards with title, note, image, alt text and link

- Tab label, sticker, pocket title and meta, hover or click, start open

- Spread, lift, radius and max width

- Labels, empty text, font, text size and six colours

The canvas shows the folder open with the Collection List as you built it; the fan of CMS cards runs in Preview and on the site.

5a:[["$","$L5d",null,{"post":{"id":"01a06f00-8997-7300-8c4c-851a3f257d1a","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":"09Q1XTGsRliuIg10SCFv","resolved":true,"title":"Aisol Dossier","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Use it with CMS in three steps: 1. Drop a Collection List into Cards (CMS) and turn off its Pagination. 2. Every item becomes a card in the folder, up to five, fanning out when the folder opens. 3. Name the layers inside the item Title, Body and Image; the folder puts the image on top, styles the title and note, and reads the title for screen readers."}]},{"type":"paragraph","content":[{"type":"text","text":"The folder shows copies of your CMS items. Links inside an item still work, but Framer hover and press effects and interactive components inside an item do not run in the folder. A Load more button is not shown."}]},{"type":"paragraph","content":[{"type":"text","text":"Aisol Dossier is a folder that opens on hover, focus or click and fans out the cards inside, each with an image, a note and a link."}]},{"type":"paragraph","content":[{"type":"text","text":"Key features"}]},{"type":"paragraph","content":[{"type":"text","text":"- Real CMS cards. Each Collection List item becomes a card (first five), and the folder updates when the list changes."}]},{"type":"paragraph","content":[{"type":"text","text":"- Turn off Style CMS Layers to keep your own card design."}]},{"type":"paragraph","content":[{"type":"text","text":"- Enter or Space opens the folder, Escape closes it. Closed cards leave the tab order."}]},{"type":"paragraph","content":[{"type":"text","text":"- Hand-made cards without an image get a drawn poster."}]},{"type":"paragraph","content":[{"type":"text","text":"- Reduced motion: the folder opens without the transition."}]},{"type":"paragraph","content":[{"type":"text","text":"What you control"}]},{"type":"paragraph","content":[{"type":"text","text":"- Cards (CMS) slot, or hand-made Cards with title, note, image, alt text and link"}]},{"type":"paragraph","content":[{"type":"text","text":"- Tab label, sticker, pocket title and meta, hover or click, start open"}]},{"type":"paragraph","content":[{"type":"text","text":"- Spread, lift, radius and max width"}]},{"type":"paragraph","content":[{"type":"text","text":"- Labels, empty text, font, text size and six colours"}]},{"type":"paragraph","content":[{"type":"text","text":"The canvas shows the folder open with the Collection List as you built it; the fan of CMS cards runs in Preview and on the site."}]}]},"introduction":"A folder that fans out on hover","slug":"aisol-dossier","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/01a06f00-57aa-7495-a61e-c4a1a2617775.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-05T00:38:20.741Z","updatedAt":"2026-10-02T10:48:44.565Z","publishedAt":"2026-09-05T00:38:20.738Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/AisolDossier-W5f889.js@1PveU6VBfdtJZ5V2mpTI","previewUrl":"https://thistle-timing-694660.framer.app/aisol-dossier","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"1PveU6VBfdtJZ5V2mpTI","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-05T00:38:21.335Z","updatedAt":"2026-09-05T00:38:21.335Z","reported":false}}],"$L5f"]

Suggested for you