Folder Showcase – Ar

Showcase your work like real files in a folder.

Folder Projects is an interactive portfolio component for Framer. On hover, the folder flap tilts open and a project card rises out with an image, a title, a description and a call to action. Each of the 4 tabs is its own project, and hovering a tab switches the card instantly.

It is designed Arabic-first, with native RTL layout, and switches to LTR in one click. It fits Arabic, English and bilingual websites.

Features

• 4 projects, each with its own image, title, description, button text, link and tab color

• The whole card is clickable and opens the project, with an optional new tab

• Smooth hover animation: the flap tilts, the inner folder rises, the card slides out

• Native RTL / LTR switch, where tabs, notch, label and arrow all mirror correctly

• Custom fonts for title, description, button and label, with Arabic fonts like IBM Plex Sans Arabic, Cairo, Tajawal, Almarai and Noto Kufi

• Every color is a control and can be bound to your Framer color styles: background, folder front, inner folder, back panel, paper and card

• Option for the inner folder to take the active tab's color

• Responsive on desktop, tablet and mobile, with tap support on touch devices

• Accessible: semantic HTML, keyboard navigation, Escape to close, focus rings and alt text

• Canvas preview mode to edit any project's open card directly

• Static-render safe for the canvas and exports, and respects reduced motion

• Lightweight, with no extra dependencies

Perfect for: portfolios, design agencies, architecture studios, case studies, creative showcases and Arabic or Gulf/MENA websites.