Folderfolio is a premium Astro 6.4 portfolio theme for designers, developers, writers, brand strategists, and photographers who want to stand out from flat, generic portfolio templates.
Instead of a standard scrolling page, your work lives inside a tactile office folder — complete with colored tab dividers, manila folder framing, paper textures, ruled notebook sections, and handwritten red-pencil annotations that draw in as visitors scroll.
Key features
- Tactile folder-tab navigation with dynamic z-index layering so the active section pulls forward like a real binder.
- Scroll-triggered pencil annotations — highlights, underlines, checkmarks, and arrows powered by the Motion library.
- Sticky archive showcase — a split desktop layout with filing-drawer labels on the left and scrollable project case files on the right.
- Zero-backend contact form — client-side mailto links, no Formspree or third-party services. Privacy-friendly and GDPR compliant.
- Automatic image optimization — drop photos into src/assets/images/ and Astro generates responsive WebP output at build time.
- 100% local content editing — all copy, projects, notes, and navigation live in plain TypeScript files under src/data/. No CMS, no database, no accounts.
- Built-in styleguide at /styleguide so buyers can preview every UI component before customizing.
- Performance-first — fully static output, lazy-loaded images, and Lighthouse-friendly architecture with minimal JavaScript.
Tech stack
Astro 6.4, Tailwind CSS v4, TypeScript, and Motion. Node.js 22.12.0 or higher required.
What's included
Complete source code, demo images, detailed README with customization guides, and deployment instructions for Vercel, Netlify, and Cloudflare Pages.
Created by Noel Dario Andres. Licensed for single commercial use.
