Folder Tabs

A tactile, tabbed content section styled like a drawer of manila folders — real overlapping tabs with rounded corners and concave flares where each tab meets the next, so it reads as a physical stack rather than a flat set of buttons. Click a tab and its folder comes to the front. Perfect for organising a lot of information (services, product lines, FAQs, process steps) into something that feels crafted and a little nostalgic instead of a generic accordion. Key Features: Up to six folder cards, each with its own tab label, heading, text, image, button, and independent background and text colors, so you can build a graduated color stack that genuinely looks like a filing drawer Optional scroll entrance effect: the section pins to the viewport and each folder flies up into the pile as the visitor scrolls, left to right, with the pile un-stacking again on scroll-up — desktop only, and automatically skipped for anyone using reduced motion The folder shape is built from real curves, not fake overlaps, so every tab junction is tangent-smooth, tabs stack with correct depth, and clicks land on the right folder even in the transparent notch above a tab Properly accessible tabs with full keyboard support (arrow keys, Home, End), correct ARIA roles, and theme editor block selection that opens the matching folder automatically Mobile handled deliberately rather than squashed: the tab row hides and every card renders open in a clean vertical stack, since a six-tab row can never fit real labels on a phone Two-column card layout with image and content side by side, adjustable ratio, corner radius, vertical alignment, gaps, card padding, and min height — plus card stack max width so the folder never sprawls on wide screens Full typographic control with per-element style, size, and max-width overrides across heading, tab labels, and card content, plus accent text styling on the section heading Flexible styling throughout: custom background and heading colors, an optional background image with opacity control, borders, and the sliding section effect Perfect for: Service menus, product category breakdowns, process or methodology steps, FAQ groupings, tiered pricing, or any page where you'd otherwise reach for a plain accordion.