Vektor CDN - Component Library

Shared Components

/shared/nav.js Universal navigation dropdown with site categories ViktorNav.render('viktorfinance')

Component

/shared/footer.js Powered by Vektor footer with health check indicator ViktorFooter.render()

Component

/shared/tips.js UX whispers - contextual tips per site ViktorTips.init('viktornotes')

Component

/shared/shortcuts.js Cmd+K quick switcher + keyboard navigation (g+n, g+t) ViktorShortcuts.init()

Component

/shared/header.css Standard header and nav styles

Stylesheet

/shared/config.json Site registry with categories

JSON

Embeddable Widgets

/components/notes-widget.js Recent notes list - requires Firebase auth ViktorNotesWidget.init('container-id')

/components/tasks-widget.js Tasks list - requires Firebase auth ViktorTasksWidget.init('container-id')

/components/links-widget.js Viktor apps navigation grid/list ViktorLinksWidget.init('container-id', { layout: 'grid' })

Themes

/themes/dark.css Dark theme (default) - CSS variables + base styles

Theme

/themes/light.css Light theme variant - CSS variables + base styles

Theme

Registry

/registry.json Machine-readable index of all available components

JSON

Quick Start

<!-- Import shared navigation -->
<script src="https://vektorcdn.com/shared/nav.js"></script>
<script>ViktorNav.render('viktorfinance');</script>

<!-- Import dark theme -->
<link rel="stylesheet" href="https://vektorcdn.com/themes/dark.css">

<!-- Embed notes widget (requires Firebase) -->
<div id="my-notes"></div>
<script src="https://vektorcdn.com/components/notes-widget.js"></script>
<script>ViktorNotesWidget.init('my-notes');</script>