Site Name · Site Description<br>Documentation · Blog · SearchNo need Hundreds of NPM Packages<br>& Thousands of CSS Classes
For Modern & Modular Technical Documentation & Blog Setup
Get Started<br>Contribute
Built for Performance<br>Powered by GoHugo, the world’s fastest static site framework; With a premium search experience with Pagefind that aims to perform well on large sites. No external CSS, JS, icon, font frameworks.
Extensible Architecture<br>Enjoy a modular, themeable layout and partials designed specifically for technical wizards and creators. Manage your composable CSS and HTML partials with a YAML data-driven approach, side-by-side using pure Markdown files.
Zero Bloat and Secure<br>Build your site without dragging along hundreds of npm packages or thousands of CSS classes. We leverage native Hugo features to keep your project clean, secure, and incredibly easy to maintain.
Fully Themeable<br>Take total control of your design system. Effortlessly customize layouts, components, HTML partials and color modes using isolated CSS, JavaScript, and data-driven template configurations. Take full advantage of native Hugo pipes for asset minification, custom markdown render hooks for styled blocks.
HomeCustomize each widget via a YAML data file or an index.md that serves this section.
Project Structure
├── content<br>│ └── en<br>│ └── home<br>│ └── showcase<br>│ └── index.md<br>├── data<br>│ └── en<br>│ └── home<br>│ ├── hero.yaml<br>│ ├── bento.yaml<br>│ └── card-grid.yaml<br>├── hugo.yaml<br>└── themes<br>└── E25DX
DocsMaintain your documents in Markdown, and use the sidebar.yml to order them in the sidebar.
Project Structure
├── content<br>│ └── en<br>│ └── docs<br>│ ├── page-1.md<br>│ └── page-2.md<br>├── data<br>│ └── en<br>│ └── docs<br>│ └── sidebar.yml<br>├── hugo.yaml<br>└── themes<br>└── E25DX
BlogYou can use any folder name instead of “blog” or “page-slug” for pages.
Project Structure
├── content<br>│ └── en<br>│ └── blog<br>│ ├── page-1.md<br>│ ├── page-2<br>│ │ ├── cover.jpg<br>│ │ └── index.md<br>│ └── _index.md<br>├── hugo.yaml<br>└── themes<br>└── E25DX
ExtraMaintain isolated pages outside the documentation and blog.
Project Structure
├── content<br>│ └── en<br>│ └── page<br>│ ├── other.md<br>│ └── other-2<br>│ ├── cover.jpg<br>│ └── index.md<br>├── hugo.yaml<br>└── themes<br>└── E25DX
CustomizeCustomize layout partials and styles if necessary.
Project Structure
├── assets<br>│ ├── css<br>│ │ ├── components<br>│ │ │ ├── accordion-vertical-tabs.css<br>│ │ │ ├── alert.css<br>│ │ │ ├── badge.css<br>│ │ │ ├── button.css<br>│ │ │ ├── checkbox.css<br>│ │ │ ├── chroma.css<br>│ │ │ ├── code-window.css<br>│ │ │ ├── dropdown.css<br>│ │ │ └── tabs.css<br>│ │ ├── sections<br>│ │ │ ├── bento.css<br>│ │ │ ├── card-grid.css<br>│ │ │ ├── hero.css<br>│ │ │ └── showcase.css<br>│ │ └── theme.css<br>│ └── icons<br>│ ├── bento<br>│ │ ├── extension.svg<br>│ │ ├── palette.svg<br>│ │ ├── rocket_launch.svg<br>│ │ └── shield.svg<br>│ ├── card-grid<br>│ │ ├── gohugo.svg<br>│ │ ├── pagefind.svg<br>│ │ ├── terminal.svg<br>│ │ └── web.svg<br>│ └── icon-name.svg # 20 x 20 any SVG<br>└── layouts<br>├── _markup<br>│ ├── render-blockquote-alert.html<br>│ ├── render-codeblock.html<br>│ └── render-link.html<br>└── _partials<br>└── sections<br>├── bento.html<br>├── card-grid.html<br>├── hero.html<br>└── showcase.html
The world’s fastest framework for building websites.
Fully static search library that aims to perform well on large sites.
Modern & modular technical documentation and blog setup.
Help us to improve the documentation.