Skip to content
QUIZZMAN™ UI FRAMEWORK

UI & Runtime Registry

Modular architecture specifications, component catalog, API references and developer guides for Quizzman web platforms.

Release 4.0.0-alpha.1 · Stable 3.0.0 · Registry 5 packages · Core Vanilla JS
$ npm i @qmf/[email protected]

ARCHITECTURE ARCHIVE

01 Runtime Core 4 packages
Specifications 4 · State Store 1 · Event Bus 1 · Plugin Engine · Lifecycle · Introspection
02 UI Component Kit 18 components
Buttons 4 · Dialogs 2 · Inputs 3 · Navigation 3 · Data Tables · Toast · Ambient Settings
03 Contract & Schemas 2 specs
qmf.schema.json · Declarative Manifest · SSOT · JSON Schema Validation · CLI Doctor
04 Developer Guides 12 guides
Getting Started · CLI Tooling · Architecture Patterns · Best Practices · Migration v3 → v4
05 AI & Machine Specifications 6 endpoints
llms.txt · llms-full.txt · components.json · api-index.json · docs-index.json · Agent Protocols
06 Package Registry 5 packages
@qmf/runtime · @qmf/contract · @qmf/cli · CDN Pre-built Bundles · Private Registry

SPECIFICATIONS & RECENT UPDATES

COMPONENT EXPLORER

Component Category Status Specification
Button Action / Control Stable v3 primary, secondary, ghost, icon
Dialog & Modal Overlay Stable v3 a11y focus trap, escape, backdrop
Input & Search Forms Stable v3 text, search, filters, debounce
Unified Navigation Layout v4 Alpha dynamic island, breadcrumbs, drawer
Tabs & Accordion Navigation Stable v3 ARIA tabs, keyboard nav, panels
Toast & Feedback Feedback Stable v3 auto-dismiss, queue, status badges
Data Table Data Display Stable v3 sortable, responsive, monospace cells

DEVELOPER GUIDES & MANUALS

01 Installation & Setup Quickstart
NPM package installation, CDN unpkg tags, HTML bootstrapping, and project layout.
02 First Project with QMF 4.0 Architecture
Scaffolding micro-frontend apps, composing modules, and declaring manifest schemas.
03 CLI Command-Line Reference Tooling
Doctor diagnostics, contract verification, module generator, and bundle inspection.
04 Architecture & Module Boundaries Core Design
Separation of concerns, decoupled micro-frontends, event-driven communication protocols.
05 Migration Guide v3 → v4 Migration
Step-by-step migration path from monolithic UI v3 to contract-driven v4 architecture.

AI & MACHINE DOCUMENTATION

Structured markdown and JSON indexes curated for Large Language Models (ChatGPT, Claude, Gemini, Cursor, Copilot, OpenHands).

TXT
llms.txt Standard LLM documentation index & core directives
TXT
llms-full.txt Full comprehensive framework documentation in single stream
JSON
components.json Component manifests, props, variants & usage contracts
JSON
api-index.json Complete JavaScript API surface, function signatures, types
JSON
docs-index.json Hierarchical documentation topic map & anchor cross-links
MD
AI_RULES.md Agent system prompts & architectural constraints

INTEGRATION & WORKFLOW

Step 01

Install Runtime Core

Install the lightweight zero-dependency core from the Quizzman registry:

$ npm i @qmf/[email protected]
Step 02

Declare Manifest Contract

Create qmf.json to declare module routes, event contracts, and plugin dependencies:

{
  "$schema": "https://ui.quizzman.com/qmf/schemas/v4/contract.json",
  "name": "my-study-app",
  "version": "1.0.0",
  "plugins": ["@qmf/plugin-router", "@qmf/plugin-state"]
}
Step 03

Bootstrap in Browser

Import and bootstrap with pure standard vanilla JavaScript:

import { bootstrap } from 'https://ui.quizzman.com/qmf/v4/runtime.js';

bootstrap({ manifest: './qmf.json' }).then(app => {
  console.log('Quizzman UI Ready', app);
});

EXAMPLES & LIVE DEMOS

DEMO
Live 4.0 Interactive Demo In-browser interactive sandbox with authentication & state store
APP
Reference Dashboard Application Contract-driven multi-page production pattern reference
DOCS
Interactive Component Catalog Visual documentation shell for buttons, modals, forms & tables
AGENT
AI Autonomous Workflows Sample prompts and automated developer tooling agents