Zap

A fast, ultra-minimal Zola theme by jimmyff. Perfect PageSpeed scores (100 performance, 100 accessibility, 100 best practices, 100 SEO). See the demo or read the blog post.

Features

• Inline CSS (~2KB) with OKLCH colors
• Inline SVG icons via spritesheet
• Responsive grid nav (auto-splits on mobile)
• Responsive image gallery grid
• Click-to-enlarge lightbox
• Responsive images with srcset
• Light/dark mode toggle
• OpenGraph & Twitter Cards
• Atom & RSS feeds
• Fuse.js search

Installation

cd themes
git clone https://github.com/jimmyff/zola-zap zap

In your config.toml:

theme = "zap"

Configuration

See config.toml for available options.

Icons

Configure which icons to load in config.toml:

[extra]
inline_icons = true
icon_path = "static/icons/"
icons = ["home", "chat", "search", "light", "asleep", "rss"]

Place SVG icons in your static/icons/ folder. The theme includes icons from Carbon Design System.

Using the responsive image shortcode

{{ image(src="yourimage.jpg", alt="This is my image") }}