Infinity Writer Documentation — User Manual, Features & Architecture

Overview

Infinity Writer is a lightweight, distraction-free document composer developed in Vanilla JavaScript and HTML5. It addresses the common pitfall of web text editors: generating bloated, non-semantic HTML loaded with unmaintainable inline styling.

DeveloperStrangeInfinity

Core StackVanilla JavaScript (ES6+), HTML5, CSS3 Custom Properties

Runtime TargetAll modern browsers (Chrome, Firefox, Safari, Edge, Brave)

Dependencies0 KB — Zero third-party runtime dependencies

Open Source

Infinity Writer is completely open-source software licensed under the MIT License. Developers are free to inspect the codebase, integrate the engine into existing workflows, or contribute improvements.

Repositorygithub.com/dev-hints/Infinity-Writer

ContributionsPull requests, issues, and feature proposals welcome

# Clone the repository
git clone https://github.com/dev-hints/Infinity-Writer.git
cd Infinity-Writer

# Open directly in any web browser
open index.html

Key Features

Engineered specifically for writers, developers, and technical bloggers who care about HTML output quality.

Semantic OutputStrict adherence to HTML5 elements with meaningful hierarchy

Native Dark ModeAutomatic dark/light CSS variables embedded in templates

ARIA ReadyWCAG 2.1 accessible document landmarks and structure

Instant PreviewLive bidirectional preview with synchronous markup updates

Dark Mode Architecture

Infinity Writer generates HTML documents that natively adapt to the reader's operating system preferences without JavaScript overhead:

:root {
  color-scheme: light dark;
  --bg-color: #ffffff;
  --text-color: #1e293b;
  --link-color: #4f46e5;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg-color: #0b0f19;
    --text-color: #f1f5f9;
    --link-color: #818cf8;
  }
}

Semantics & ARIA

Generated markup is strictly organized with appropriate semantic elements:

<article> & <section>: Proper content grouping instead of generic unstyled <div> tags.
<header> & <time>: Standard metadata encapsulation with machine-readable timestamps.
<figure> & <figcaption>: Accessible media captions without nested class clutter.
<blockquote> & <cite>: Semantic quotes and author references.

Export Formats

Export your documents in multiple formats depending on your deployment target:

Complete HTML5 (.html)Self-contained document with responsive viewport and theme tokens

Semantic FragmentRaw body markup ready for Next.js, Astro, or Hugo templates

Markdown (.md)Clean standard GitHub Flavored Markdown

Print StylesheetOptimized CSS for PDF generation and browser printing

Keyboard Shortcuts

Accelerate your drafting workflow with streamlined editor keyboard shortcuts.

Shortcut	Action
`Ctrl` + `B`	Format Bold Text
`Ctrl` + `I`	Format Italic Text
`Ctrl` + `K`	Insert Hyperlink
`Ctrl` + `Shift` + `P`	Toggle Live Preview Panel
`Ctrl` + `Shift` + `E`	Export Clean HTML Document
`Ctrl` + `Shift` + `D`	Toggle Dark/Light Mode Preview

Architecture Breakdown

Designed with a lean modular architecture:

Parser Engine: Lightweight regex and AST tokenizer converting raw text input into semantic nodes.
DOM Serializer: Strict HTML5 output generator removing invalid or duplicate tags.
Theme Engine: Zero-runtime CSS variable injection with color-scheme declaration.
Export Pipeline: In-memory blob generator for instant downloads with zero server-side round trips.

Infinity Writer Docs