Aisol Case Folder

A paper folder for Framer with a tab label that opens and fans its documents out as cards, each linking to a case study or file.

What you get

- One Framer code component (Aisol Case Folder), delivered as a Component URL.

- Documents typed in the panel (title, type, image, link) or read from a Collection List you drop in, up to seven shown.

- Five sample case studies drawn as paper cards, so the folder is complete the moment it lands on the page.

- Free updates.

How it behaves

- Cards fan out with a spring and a little paper lift; hovering or focusing a card raises it. Animation stops once the cards settle.

- Opens on click, on hover, or once when it scrolls into view. Touch screens open it with a tap.

- Enter or Space toggles the folder, Escape closes it and returns focus to the folder. Closed cards are hidden from keyboard and screen readers.

- The canvas and reduced motion show the folder already open with every card readable.

- It reads the CMS list only and never writes to it.

Limits

Shows up to seven cards so the fan stays readable. On narrow containers (phones) the cards sit in a grid above the open folder instead of a fan. Turn off the Collection List's pagination. The folder art is drawn in code, not an uploaded image.

Requirements

Any Framer project. No plugins, no API keys.