7 Repos
Tools for attaching metadata to specific elements within the document body.
Distinct from Document Annotators: Distinct from Document Annotators: focuses on attaching metadata to DOM elements for structured data, not user-facing notes.
Explore 7 awesome GitHub repositories matching user interface & experience · Document Metadata Annotators. Refine with filters or upvote what's useful.
React is a JavaScript library for building user interfaces through the composition of modular, self-contained components. It employs a declarative programming model where developers describe the desired visual state, and the library automatically manages the underlying document updates and state synchronization. By utilizing a virtual representation of the document, it calculates and applies minimal changes to the browser, ensuring efficient rendering even in complex applications. The library distinguishes itself through a sophisticated scheduling system that manages rendering work in increme
Attaches metadata to specific elements within the document body to provide structured data.
This project is a metadata query engine and indexer for markdown files, designed to transform YAML frontmatter and inline fields into dynamic tables and lists. It provides a background process that extracts tags and custom fields into a searchable database, enabling the automated indexing of notes. The system is distinguished by its dual approach to data retrieval: a dedicated query language for SQL-like filtering and grouping, and a JavaScript data API. This API allows for programmatic metadata extraction and the creation of custom views and extensions using TypeScript typings. Its broader
Embeds metadata within markdown text using key-value syntax to make document properties machine-readable.
Markdoc is a documentation content framework that extends standard Markdown with custom tags, typed schemas, and reusable components, parsing content into an abstract syntax tree and rendering it as React elements or HTML. It provides a structured authoring system where documents are processed through an AST-based pipeline, enabling validation, transformation, and flexible output generation. The framework distinguishes itself through a schema-driven validation pipeline that checks document structure and attribute values against defined rules, and a pluggable renderer architecture that accepts
Applies attributes to inline Markdown nodes using a separate annotation block for per-element customization.
sketch-measure is a design specification tool and design-to-code annotation utility for Sketch. It functions as an HTML design spec generator and asset export manager, creating technical handoff documentation and measurement annotations directly from design files. The tool generates interactive web viewers and standalone offline HTML pages that allow for the inspection of dimensions, styles, and design details. It includes capabilities for managing color palettes via XML export and capturing influence rectangles to ensure exported image dimensions account for shadows and borders. The system
Links textual design notes to specific artboard coordinates for display in the final specification viewer.
Codehike ist ein React-basiertes Dokumentations-Framework und Tool für interaktive Code-Walkthroughs. Es fungiert als Markdown-Content-Orchestrator, der annotiertes Markdown in strukturierte Daten und React-Komponenten umwandelt und als Visualisierungsebene für das Hervorheben von Code-Bereichen, Diffs und Compiler-Fehlern dient. Das Projekt zeichnet sich durch die Fähigkeit aus, „Scrollycoding“-Erlebnisse und schrittweise technische Tutorials zu erstellen. Es bietet Animationen auf Token-Ebene, die visuell demonstrieren, wie sich Logik zwischen Code-Versionen entwickelt, und ermöglicht die Synchronisierung des UI-Zustands mit der Scroll-Position des Browsers. Das Framework deckt eine breite Palette an Visualisierungsfunktionen ab, darunter Code-Slideshows, Spotlight-Layouts und Code-Blöcke mit Tabs. Es unterstützt detaillierte Code-Annotationen durch Tooltips, Callouts und Fußnoten sowie funktionale Hilfsmittel wie Sprachumschalter, Code-Transpilierung und die Integration von Echtzeit-Compiler-Daten. Das System nutzt schema-basierte Validierung, um Typsicherheit und Konsistenz für die aus Markdown-Dateien extrahierten strukturierten Daten zu gewährleisten.
Includes custom query strings in annotation comments to dynamically alter the appearance of rendered highlights.
TagSpaces is an offline-first file tagging and organization platform that lets you manage local files with portable metadata stored directly in filenames or sidecar JSON files, eliminating the need for a central database. It functions as a full-text file search engine, a Kanban board file organizer, a local AI file assistant, an S3-compatible cloud file manager, and a web clipper and bookmark manager, all within a single application. The project distinguishes itself through a local-first architecture where all file operations, indexing, and AI processing run entirely on the device, with cloud
Provides a built-in PDF viewer with inline annotation capabilities.
novelWriter is a plain text writing environment designed for composing long-form narratives and novels. It functions as a distraction-free prose editor and narrative orchestrator, allowing authors to manage complex plot structures by dividing stories into small, manageable documents. The system emphasizes long-term data portability by storing all content in human-readable text files rather than a centralized database. It features a specialized metadata editor that embeds hidden comments, synopses, and cross-references directly within the text using a non-printing markup syntax. The software
Embeds machine-readable comments, synopses, and cross-references directly within the flow of the prose.