• Nimiq Frankenstein

Nimiq VitePress Theme

A custom VitePress theme that brings the Nimiq brand to your documentation pages.

VitePress is a static site generator powered by Vite. The Nimiq VitePress theme extends it with a modern, multi-module documentation layout perfect for component libraries and design systems.

Features

  • 🎨 Multi-Module Navigation - Organize docs into separate modules with independent sidebars
  • 🌙 Dark Mode - Built-in light/dark theme support
  • 📱 Responsive Design - Mobile-first layout that works everywhere
  • 🔍 Local Search - Fast client-side search powered by VitePress
  • 📋 Copy as Markdown - Export any page as markdown for LLMs and note-taking
  • 🎯 Outline Actions - Customizable action buttons in the table of contents
  • 🔗 Git Integration - Automatic changelog and source code links
  • 🧩 Vue Components - Pre-built UI components for documentation

Quick Start

Install the theme:

bash
pnpm add nimiq-vitepress-theme
bash
npm install nimiq-vitepress-theme

Configure it in your VitePress project:

ts
import { defineNimiqVitepressConfig } from 'nimiq-vitepress-theme'

export default defineNimiqVitepressConfig({
  title: 'My Docs',
  description: 'Documentation with Nimiq style',
  themeConfig: {
    modules: [],
    links: []
  }
})

See the Installation guide for complete setup instructions.

Example

This entire documentation site uses the Nimiq VitePress theme! Check the source code to see a real-world configuration.

Credits

Next Steps

Copy page