Lustro Slideshow is a free, responsive nine-slide presentation template from TemplateMo, built with plain HTML, CSS, and JavaScript, and designed for product launches, demos, and investor decks.
What is Lustro Slideshow?
Lustro Slideshow is a single-file, vanilla HTML/CSS/JS template that turns a nine-slide presentation story into a deployable web page. You edit the HTML directly to change content, and the template handles slide transitions, navigation, and responsive layout for you. It runs entirely in the browser with no frameworks, build tools, or dependencies, and is published by TemplateMo, a provider of free CSS templates.
Key Features
- Single-file vanilla code — Everything lives in one HTML file using plain CSS and JavaScript, with no frameworks, no build tools, and no dependencies to install.
- Nine designed slides — The deck follows a product launch narrative: cover, problem, feature with tilted mock dashboard, capability grid, roadmap, metrics with quotes, comparison table, cross-promo, and closing CTA.
- Dark glassmorphic theme — A calm dark background with indigo, pink, and cyan gradient accents, implemented via CSS custom properties for quick palette changes.
- Unified design system — CSS custom properties control colors and fonts, with shared glass-card components and a font stack of Space Grotesk, DM Sans, and JetBrains Mono loaded from Google Fonts.
- Multiple navigation methods — Arrow keys, spacebar, number shortcuts 1 to 9, an M key for the menu, plus touch swipe gestures with vertical-scroll detection on mobile.
- Popup table-of-contents menu — A popup menu with slide previews and keyboard shortcut hints lets viewers jump to any slide instantly.
- Rich data visualizations — Includes an animated SVG line chart, bar fills, and sparklines on metric cards, plus a four-quarter roadmap timeline with status indicators.
- Mobile-optimized scrolling — On phones, slides become scrollable when content overflows, the sticky chrome becomes an in-flow footer, and a custom gradient scrollbar replaces the browser default.
Who is it for?
- Founders and startup teams — Build a polished product launch deck without hiring a designer or learning a presentation framework.
- Agencies — Quickly spin up client pitch decks or internal demos with a consistent dark glass aesthetic.
- Indie SaaS makers — Create an investor-ready presentation that works in the browser and can be shared as a static link.
What can you do with Lustro Slideshow?
- Product launch presentations: Assemble a complete narrative from problem statement to call-to-action across nine slides using the predefined structure.
- Investor pitch decks: Use the metrics slide with sparklines and a customer quote plus the side-by-side comparison table with a "Recommended" badge to highlight traction.
- Internal team demos: Present a roadmap with a four-quarter timeline and status indicators to communicate plans transparently.
- Sales enablement: Link to other TemplateMo templates from the cross-promotion grid to showcase related offerings.
How does Lustro Slideshow work?
After downloading the ZIP, open the single HTML file in any modern browser. Navigate with arrow keys, spacebar, number keys 1 to 9, or the M-key menu; on touch devices, swipe left or right with vertical-scroll detection. The template uses a data-goto attribute system so you can click any element to jump to a slide, and no server or build step is required—dropping the file into any folder just works.
Alternatives
- Folio Slideshow — Another nine-slide HTML presentation template from TemplateMo with a powder plum and lavender theme.
- Ledger Slideshow — A single-file HTML slideshow built for consulting firms and professional service providers.
- Hyperluv Slideshow — A Y2K-influenced electronic press kit template for recording artists and DJs.
FAQ
Is Lustro Slideshow free?
Yes, the template is 100% free to download from TemplateMo. You may use it for commercial or non-commercial projects, and you can edit it as needed.
What do I need to run Lustro Slideshow?
Only a modern web browser. The template is a single HTML file with inline CSS and JavaScript—you drop it into any folder and open it. No Node.js, no build tools, no server required.
Does Lustro Slideshow work on mobile devices?
Yes. The template is fully responsive across desktop, tablet, and mobile. On phones, slides become genuinely scrollable when content overflows, the footer unsticks to save space, and swipe gestures with vertical-scroll detection handle navigation.
Can I change the colors and fonts?
Yes. The template uses CSS custom properties for its palette and font stack. Change those variables to update the whole design system at once. The default stack loads Space Grotesk, DM Sans, and JetBrains Mono from Google Fonts.
Does it support keyboard navigation?
Yes. Use arrow keys, spacebar, the M key for the menu, and number keys 1 through 9 to jump directly to a slide. A click-anywhere jump system using data-goto attributes is also included.
