Skip to content
noel.marketing
Deutsch
Astro ThemeAvailable now

Folderfolio

Folderfolio Astro Theme for Tactile Office-Style Portfolios

A tactile one-page Astro portfolio with folder-tab navigation, pencil annotations, and archive-style case files.

€39.99

Folderfolio preview
View live demoScroll to preview ->
View demo

Secure checkout via Lemon Squeezy

VisaMastercardPayPalApple PayGoogle Pay

Available payment methods may vary by device and region.

Folderfolio

€39.99

Demo

Live preview

Preview the theme in-browser

Explore the real hosted demo directly on the product page, or open it in a dedicated tab.

Open full preview
https://folderfolio.pages.dev/Demo

Why it fits

Why this Astro theme

  • Launch a portfolio with a distinctive folder metaphor that stands out from card-grid templates.

  • Use folder-tab navigation with z-index layering and shadows for a physical office feel.

  • Add scroll-drawn pencil annotations that highlight key content as visitors read.

  • Present case files in a sticky archive showcase with filing drawer labels on the left.

  • Edit all content from plain TypeScript files without a CMS or database.

  • Ship AVIF and WebP optimization at build time for fast page loads.

Built for

Perfect for

Typical scenarios this product is designed to support.

  • Designer portfolio with personality
  • Writer and strategist personal site
  • Photographer tactile showcase
  • Brand strategist one-pager
  • Creative director analog aesthetic
  • Developer portfolio with character
  • Archive-style case study presentation
  • Fast-launch creative portfolio

In the box

Features

Concrete pages, modules, and capabilities included in the download.

  • Folder-tab navigation with z-index layering and physical shadows
  • Scroll-triggered pencil SVG annotations via Motion
  • Sticky archive showcase with filing drawer labels and case files
  • Lined notepad insights section from src/data/notes.ts
  • All content in src/data/ — no CMS required
  • mailto contact flow with no backend
  • AVIF and WebP build-time optimization
  • One-page hash navigation with styleguide

A portfolio that feels like opening a filing cabinet

Folderfolio is a premium one-page Astro theme built around a physical office metaphor: folder tabs, lined notepad insights, pencil annotations, and an archive binder for case files. It suits creatives who want warmth and tactility instead of another minimalist dark grid.

The sticky archive showcase pairs filing drawer labels on the left with scrolling case files on the right — a layout pattern you will not find in generic portfolio templates.

What is included

Folderfolio includes a one-page homepage with hero, work archive, process, notes, testimonials, and contact sections, plus a styleguide and custom 404 page. Hash navigation links to sections like #work.

Content lives in src/data/ — site, profile, navigation, projects, notes, process, testimonials, and contact. Lined notepad insights come from notes.ts.

Pencil annotations and folder tabs

Motion draws scroll-triggered SVG annotations — highlights, underlines, checkmarks, and arrows — as visitors move through the page. Folder-tab navigation uses z-index layering and shadows to mimic physical tabs. The effect is playful but readable.

Built on a lightweight Astro stack

Folderfolio is built with Astro 6.4, TypeScript, Tailwind CSS v4, and Motion. Images optimize to AVIF and WebP at build time. The README targets Lighthouse scores of 100.

There is no CMS, database, or backend. Node >= 22.12.0 is recommended.

Customization workflow

Edit tab colors in src/data/navigation.ts using colorClass and borderColorClass. Add project images to src/assets/images/ and reference them in projects.ts. Replace demo notes, testimonials, and contact details with real buyer content before publishing.

Next step

Pairs well with this

Related products that fit the same product line, stack, or launch workflow.

Arrowline preview

Arrowline

€49.99

A conversion-focused Astro agency theme with case studies, pricing, journal, and directional motion.

astro theme
Astrofitness preview

Astrofitness

€39.99

A premium Astro 7 fitness theme with programs, booking, results, pricing, and cyber-athletic design.

astro theme
Atelier Motion preview

Atelier Motion

€49.99

A cinematic one-page Astro portfolio with refined motion, FAQ, testimonials, and atmospheric imagery.

astro theme

Ready to launch

Start building today

Get instant access after checkout. Download the full source, customize locally, and deploy to your host.

View demo

Secure checkout via Lemon Squeezy

VisaMastercardPayPalApple PayGoogle Pay

Available payment methods may vary by device and region.

Frequently asked questions

Who is Folderfolio built for?

Folderfolio is designed for designers, developers, writers, brand strategists, photographers, and creative directors who want an analog, tactile portfolio aesthetic.

Is Folderfolio a multi-page theme?

No. It is a one-page portfolio with hash navigation to sections like #work, plus a styleguide and custom 404 page.

Where is content stored?

Content lives in src/data/ — site, profile, navigation, projects, notes, process, testimonials, and contact. No CMS or content collections required.

What are pencil annotations?

Scroll-triggered SVG annotations — highlights, underlines, checkmarks, and arrows — draw onto the page as visitors scroll, powered by Motion.

How does the contact form work?

Folderfolio uses a mailto contact flow with no backend — GDPR-friendly by default since no data is stored on a server.

Where can Folderfolio be hosted?

Folderfolio builds to static output and deploys on Vercel, Netlify, Cloudflare Pages, or any modern static host.