---
title: Showcase
description: Projects using vitepress-mermaid-viewer in production — see interactive, zoomable mermaid diagrams live in real VitePress documentation.
---

# Showcase

Projects using **vitepress-mermaid-viewer** in production. Click through to see
interactive, zoomable mermaid diagrams in a real VitePress docs site.

## Vue Router Citadel

Vue Router Citadel is a middleware-driven navigation control system for Vue
Router that lets you build layered, predictable, and scalable route protection.

- 🔗 [Documentation](https://kassaila.github.io/vue-router-citadel/)
- 📦 [npm](https://www.npmjs.com/package/vue-router-citadel)
- 🐙 [GitHub](https://github.com/Kassaila/vue-router-citadel)

**See the viewer live** (pages with multiple interactive diagrams):

- [Architecture](https://kassaila.github.io/vue-router-citadel/advanced/architecture)
- [Scopes](https://kassaila.github.io/vue-router-citadel/guide/scopes)
- [Hooks](https://kassaila.github.io/vue-router-citadel/guide/hooks)
- [Error handling](https://kassaila.github.io/vue-router-citadel/guide/error-handling)
- [Timeout](https://kassaila.github.io/vue-router-citadel/guide/timeout)