Folio Slideshow

Folio Slideshow is a free, responsive nine-slide portfolio presentation template from TemplateMo, built as a single-file vanilla HTML, CSS, and JavaScript deck.

What is Folio Slideshow?

Folio Slideshow is a free one-page (nine-slide) presentation template distributed by TemplateMo (templatemo.com). It takes plain text and image content—your own portfolio pieces, press quotes, etc.—and renders them as a polished, browser-based slideshow with editorial page-turn transitions. The template is built with pure HTML, CSS, and JavaScript; there are no frameworks, build tools, or server-side dependencies. You download a ZIP, extract it, and open the included HTML file in any modern browser—no installation or hosting setup required.

Key Features

• Single-file vanilla code — Everything needed runs in one HTML file with embedded CSS and JavaScript; no frameworks, libraries, or dependencies.
• Nine fully designed slide types — The deck includes a magazine-style cover, a drop-cap foreword, a full-bleed featured plate with overlay caption, a typographic index, a centered pull-quote spread, a four-up grid of selected works, press-quote slides, a cross-promotion card grid, and a closing colophon.
• Central theme system — A unified set of CSS custom properties controls the palette and typography, so restyling the entire presentation is a one-file change.
• Multiple navigation controls — Keyboard arrows, number shortcuts (1 to 9), touch swipe gestures, and a popup table of plates with keyboard hint labels.
• Responsive and mobile-friendly — Slides become scrollable on smaller screens; the sticky chrome is replaced by an in-flow footer, and custom coral-tinted scrollbars appear.
• Editorial transitions — Slide changes use mask-wipe reveals for a page-turn feel.
• Three Google Fonts — Loads Fraunces (serif italics), Inter Tight, and JetBrains Mono from Google Fonts.
• Free commercial license — TemplateMo permits free download, editing, and use for commercial or non-commercial sites.

Who is it for?

• Photographers — present a portfolio of prints or digital work using the grid and full-bleed image layouts.
• Creative studios and design agencies — adapt the CSS variables to a client's brand and use the pull-quote and press slides for case-study presentations.
• Boutique brands — turn the template into a lookbook or exhibition catalog with its cover, foreword, and colophon structure.
• Freelancers — build a fast, lightweight pitch deck without learning a framework.

What can you do with Folio Slideshow?

• Portfolio decks: Photographers and visual artists can showcase a curated body of work in a nine-slide narrative that flows from cover to colophon.
• Press kits: The sequencing of foreword, featured plate, press quotes, and cross-promotion maps directly to a media kit for a studio or publication.
• Client presentations: Agencies can swap the CSS custom properties to match a client's palette and present strategy, work, and testimonials in one self-contained file.
• Exhibition catalogs: Museums or galleries can use the typographic index and closing colophon to structure a multi-artist show.

How does Folio Slideshow work?

Download the ZIP from TemplateMo, extract the contents, and open the HTML file in any modern browser. Navigation relies on arrow keys, number shortcuts (1–9), touch swipes, or the popup table of plates. Because it's a single static file, you can host it anywhere—or simply pass the file to a client.

Pricing

Folio Slideshow is free. TemplateMo's license allows you to download, edit, and use the layout for commercial or non-commercial websites at no cost.

Alternatives

Other slideshow-style templates from the same TemplateMo catalog include Hyperluv Slideshow, which is pitched at recording artists and music acts, and Ledger Slideshow, aimed at consulting firms and professional service providers.

FAQ

Is Folio Slideshow free to use?

Yes, it is 100% free to download and use. The TemplateMo license permits both personal and commercial use, and you are allowed to edit the template as needed.

Does Folio Slideshow require any frameworks or build tools?

No. It is built with pure HTML, CSS, and JavaScript in a single file. There are no dependencies, so you can run it by simply opening the HTML file in a browser.

How do you navigate between slides?

You can use the arrow keys, press number keys 1 through 9 to jump to a specific slide, swipe on touch devices, or open the popup table of plates to click any slide.

Can I change the colors and fonts?

Yes. The template uses CSS custom properties for its palette and typography, so updating those variables changes the look of every slide at once. Three Google Fonts—Fraunces, Inter Tight, and JetBrains Mono—are loaded by default.

Is the template responsive?

Yes. It is fully responsive across desktop, tablet, mobile, and landscape viewports. On smaller screens, slides become scrollable and the chrome is replaced by an in-flow footer.