Helios Theme | Grav CMS
5,772
15,464
2,996
We're nearly at
15K
GitHub ⭐️s, let's get over that line!
!!!
Premium
Helios Theme
Helios Theme
Modern documentation theme for Grav
1.7
compatible
$50
Buy Now
Docs
Changelog
Demo
modern, feature-rich documentation theme
for Grav CMS built on the latest
Tailwind CSS 4
framework and
Alpine.js
. Helios provides a beautiful
three-column layout
with sidebar navigation, content area, and on-page table of contents - perfect for both developer documentation and product guides.
Now available with
Ready-to-Run prebuilt Grav install zips
with Helios theme, sample skeleton package content, all plugins and licenses ready to go. Just unzip and go! Find the download links alongside your licenses in the
license manager
Helios theme also includes a
complimentary license
to
SVG Icons
plugin.
Built on the latest
Tailwind CSS 4
framework with modern best practices
Responsive
three-column layout
with configurable widths
Alpine.js
powered interactivity for smooth UX
Full
Dark & Light mode
support with system preference detection
5 color presets
(Default, Ocean, Forest, Sunset, Midnight) plus custom colors
8 font choices
including Inter, Open Sans, Nunito Sans, and more
Configurable font
sizing options
(small, medium, large)
Folder-based versioning
with automatic detection and smart switching
Built-in
SimpleSearch
integration with Cmd+K keyboard shortcut
YetiSearch Pro
ready for advanced fuzzy search capabilities
200+ language
syntax highlighting via Codesh plugin
70+ code themes
including GitHub, Dracula, Nord, One Dark Pro
Code blocks with line numbers, highlighting, focus mode, and diffs
Synced code groups
for multi-file examples
GitHub-style
callout boxes
(Note, Tip, Important, Warning, Caution)
Cards & grids
for flexible content layouts
Buttons
with color variants, sizes, icons, and bordered/plain styles
Badges
for inline status pills with color variants and outline styles
Synced tabs
for OS or language selectors
Steps component
for tutorials and guides
File tree
component with auto-detected icons
Link cards
for external resource previews and further reading
Details
collapsible sections for toggleable content
Tooltips
for hover definitions on inline terms
Keyboard keys
with styled
elements and Mac symbol support (⌘, ⌥, ⇧)
Copy text
for inline one-click clipboard copying
Images
with border, shadow, caption, and lightbox zoom
Videos
with responsive embeds for YouTube, Vimeo, and local files
30,000+ icons
from Tabler, Heroicons, Bootstrap, Lucide, and more
API documentation templates
with method badges, parameter tables, and
grouped API collections
that render multiple endpoints on a single page with quick-jump TOC
Scroll-spy TOC
with active section highlighting
Breadcrumb navigation
with configurable separators
Optional
HTMX navigation
for SPA-like experience
GitHub integration
for edit links
Prev/Next navigation
between pages
Fully
mobile responsive
with collapsible navigation
Your browser does not support the video tag.
Three-Column Documentation Layout
Helios features a professional
three-column layout
designed specifically for documentation. The left sidebar provides hierarchical navigation through your content, the center column displays your beautifully formatted content, and the right sidebar shows a
scroll-spy table of contents
that highlights the current section as you read. All column widths are fully configurable.
Your browser does not support the video tag.
Dark & Light Mode
Full support for
light and dark themes
with automatic system preference detection. Users can manually toggle their preference, and their choice is remembered across sessions. The theme also includes
5 color presets
(Default, Ocean, Forest, Sunset, Midnight) or you can define your own custom brand colors.
Your browser does not support the video tag.
Powerful Code Blocks
Codesh plugin
, Helios provides exceptional code presentation with syntax highlighting for
200+ languages
70+ themes
, line numbers, line highlighting, focus mode, and diff visualization. Create
synced code groups
for multi-file examples that stay synchronized across your entire documentation.
Your browser does not support the video tag.
Documentation Components
A rich set of components designed for technical documentation including GitHub-style
callout boxes
cards and grids
link cards
buttons
and
badges
synced tabs
, numbered
steps
file trees
, collapsible
details
and
accordions
tooltips
, styled
keyboard keys
with Mac symbol support, inline
copy text
with clipboard buttons,
images
with lightbox zoom, responsive
video
embeds, and access to
30,000+ icons
from popular icon libraries.
Your browser does not support the video tag.
Version Management
Built-in support for
folder-based versioning
allows you to organize documentation by version (v1/, v2/, v3/). The version dropdown automatically detects your versions and preserves URLs when users switch between them - perfect for software projects with multiple releases.
Your browser does not support the video tag.
Search Integration
Out-of-the-box integration with
SimpleSearch
provides real-time full-text search with keyboard shortcuts (Cmd+K / Ctrl+K). For larger documentation sites, Helios is
YetiSearch Pro ready
, offering advanced fuzzy matching, chunked indexing, and relevance scoring.
Screenshots & Examples
Check out what Helios Theme has to offer...
$50
Buy Now
Docs
Changelog
Demo
Frequently Asked Questions
The most commonly asked questions about the
Helios Grav theme
Helios is specifically designed for
documentation websites
. It works great for:
Developer documentation (API references, SDK guides)
Product documentation (user guides, how-tos)
Knowledge bases and help centers
Technical wikis and internal docs
Per the
Grav Premium License
, you need to have a license for each use.
Absolutely! Helios is built with customization in mind. You can override colors via CSS variables, choose from preset themes, select different fonts and sizes, and extend the theme with your own templates. You will still need a dedicated Helios license for each site.
Yes! Helios integrates seamlessly with the Grav ecosystem. It has built-in support for
SimpleSearch
YetiSearch Pro
Shortcode Core
, *Github Markdown Alerts
, and
SVG Icons** plugins. It also works with standard Grav plugins like Page Inject, Pagination, and more.
Helios supports folder-based versioning. Simply organize your documentation in version folders (v1/, v2/, v3/) and Helios automatically detects them. A version dropdown appears in the sidebar, and when users switch versions, the URL path is preserved to navigate to the equivalent page in the selected version.
Helios includes two search options:
SimpleSearch
- Built-in real-time search with keyboard shortcuts
YetiSearch Pro
- Advanced fuzzy search with chunked indexing for larger sites
Both options support the Cmd+K / Ctrl+K keyboard shortcut to quickly open search.