This package transforms Org files into fully-rendered HTML templates or web-framework components. (Currently supports Vue 3 components and static HTML output.)

The project is still in active development, evolving toward a framework-agnostic engine capable of generating components for any modern frontend stack. The roadmap includes first-class SEO integration and enhanced pipeline controls, a modular toolchain for developers who build fast and think faster.

A lightweight compiler for the ones who use Org for blogs, websites, and more. The interface is simple — run org2html --help. More formats, more targets, more power coming soon.

Important

This package is not stable yet, is still under develop, however if you are interested on support it and contribute you can do it.

FILE STRUCTURE

org2html/
├── src/
│   ├── cli/
│   │   ├── index.ts           # CLI entry point
│   │   ├── commands/
│   │   │   ├── build.ts
│   │   │   ├── watch.ts
│   │   │   └── test.ts
│   │   └── utils.ts
│   ├── parser/
│   │   ├── lexer.ts           # Tokenization
│   │   ├── parser.ts          # AST generation
│   │   ├── ast.ts             # AST node types
│   │   └── metadata.ts        # Metadata extraction
│   ├── renderer/
│   │   ├── html-renderer.ts   # AST to HTML
│   │   ├── template.ts        # Template processing
│   │   └── sanitizer.ts       # XSS protection
│   ├── plugins/
│   │   ├── plugin-api.ts      # Plugin system
│   │   ├── code-highlight.ts
│   │   ├── shortcode.ts
│   │   ├── toc.ts
│   │   └── asset-fetcher.ts
│   ├── assets/
│   │   └── asset-handler.ts   # Image/video metadata
│   ├── index.ts               # Main library API
│   └── types.ts               # Shared types
├── templates/
│   └── base.html              # Default HTML template
├── client/
│   └── hydrate.ts             # Vue 3 hydration script
├── tests/
│   ├── fixtures/
│   └── *.test.ts
├── package.json
├── tsconfig.json
├── README.md
└── .gitignore

Installation

npm install -g org2html