Awesome GitHub RepositoriesMarkup Compilers

Yew is a framework for building front-end web applications using Rust and WebAssembly. It provides a component-based architecture that allows developers to create modular, reusable user interface elements that manage their own state and logic. By compiling code into binary modules, the framework enables high-performance execution within modern browser environments. The framework distinguishes itself through a macro-based markup language that transforms declarative, HTML-like syntax into strongly-typed component structures during compilation. It features a robust server-side rendering engine t

MJML is a responsive email framework and HTML email compiler that translates simplified semantic markup into complex HTML. It functions as an email template engine designed to produce layouts that render consistently across a wide range of email clients. The system provides a markup validation tool to check structural integrity and syntax before compilation. It also includes a version migration utility to upgrade older template files to newer language versions while preserving content and layout structure. The toolset covers several capability areas, including command-line markup compilation

This project is a web component framework and optimized web markup standard designed for high performance web development. It provides a system for building fast-loading websites using a specialized set of HTML components and scripts, complemented by a web performance validation suite to ensure markup compliance. The framework includes a dynamic HTML template engine for rendering data-driven content without full page reloads and a dedicated ad network integration framework. This integration system manages third-party advertisements with built-in viewability metrics and optimized loading seque

Drawnix is a digital whiteboarding and visual diagramming application centered around an infinite canvas. It provides a workspace for freeform sketching, interactive brainstorming, and the creation of structured visual documentation. The platform distinguishes itself by supporting both manual drawing and the automatic generation of diagrams from markup text and mermaid syntax. It utilizes a plugin architecture that allows for the integration of custom modules to extend drawing behaviors and application features. The toolset includes brush-based annotations, image insertion, and a coordinate

PrimeNG is a comprehensive collection of reusable interface elements designed for building consistent and interactive web applications within the Angular framework. It functions as an enterprise-grade component suite, providing a standardized design system that enables developers to implement cohesive visual languages and user experiences across complex, data-driven software environments. The library distinguishes itself through a focus on professional-grade widgets, including advanced data grid and table management tools that support sorting, filtering, pagination, and inline editing. By int

Templ is a type-safe HTML templating engine and UI framework for Go. It provides a system for building reusable HTML components that compile into Go code for server-side rendering, ensuring type safety and compile-time validation of data and logic. The project features a dedicated language server that provides autocomplete and syntax validation for template files within supported code editors. It employs compile-time code generation to transform a custom template language into Go source code, enabling the creation of modular HTML fragments and logic blocks. The framework includes automated s

This project is an ESLint plugin and static analysis tool designed to enforce best practices, prevent bugs, and maintain code quality in React projects. It functions as a specialized JSX linter that analyzes the syntax and structure of components to detect anti-patterns and API misuse. The plugin distinguishes itself by providing deep analysis of React-specific patterns, such as detecting state race conditions, preventing nested component definitions, and identifying unstable references that cause unnecessary re-renders. It also includes security hardening rules to identify vulnerabilities li

This project is a React ESLint plugin and static analysis tool designed to validate React component syntax and enforce recommended framework patterns. It functions as a JavaScript static analysis utility that scans source code to identify errors and maintain consistent coding standards. The plugin focuses on the enforcement of React best practices and the prevention of common bugs, such as missing keys in iterators and improper prop usage. It provides a system for validating JSX syntax and style to ensure a uniform codebase. The tool covers broader capabilities in frontend code quality autom

Chameleon is a cross-platform application framework and component library used to develop applications for the web and various mini-app platforms from a single shared codebase. It functions as a multi-platform build pipeline that compiles source code into different target formats while providing an MVVM-based user interface system for managing application state. The framework employs a polymorphic protocol to extend custom components and APIs, allowing for platform-specific implementations while maintaining cross-end compatibility. It includes a specialized build tool for static analysis that

htm is a build-less markup engine and JavaScript template parser that transforms template literals into element creation calls or structured objects during runtime. It serves as a hyperscript HTML template library and a utility for generating markup compatible with virtual DOM libraries. The library allows for the creation of HTML-style markup using standard JavaScript tagged template literals, removing the requirement for an external transpiler or build-step compiler. It distinguishes itself by mapping template strings to custom functions that transform types and properties into specialized

Penrose is a compiler that transforms structured mathematical notation into optimized SVG diagrams. It uses a three-stage pipeline of separate domain, substance, and style files to define mathematical objects, relationships, and visual presentation, then solves continuous optimization problems with user-defined spatial constraints and objectives to automatically arrange diagram elements. The system separates diagram content from visual style using distinct declarative languages, and provides a typed domain language with subtype hierarchies for mathematical objects. It supports embedding compi

Slim es un lenguaje de plantillas conciso basado en sangría y motor de marcado para generar HTML y XML. Diseñado para el ecosistema Ruby, convierte la sintaxis abreviada en documentos bien formados sin la necesidad de etiquetas de cierre tradicionales. El motor funciona como un wrapper multi-motor, permitiendo la integración de motores de renderizado externos como Markdown y Sass dentro de un solo archivo de plantilla. También proporciona una interfaz de línea de comandos para renderizar plantillas y convertirlas entre diferentes formatos de marcado. El sistema admite la generación de contenido dinámico a través de lógica Ruby incrustada, incluyendo bucles, condicionales e interpolación de expresiones. Incluye capacidades para el desarrollo de UI modular a través de fragmentos de plantilla reutilizables, así como herramientas especializadas para la gestión de espacios en blanco, generación de doctype y mapeo de colecciones de datos a atributos de elementos.

Heml is a framework providing a custom markup language and compiler designed to generate responsive HTML and CSS for consistent rendering across email clients. It functions as a system for transforming specialized markup strings into deliverable email templates and associated metadata. The project features a component system for defining reusable custom elements and style rules to standardize design patterns. It includes a responsive layout engine that converts flexible grid structures, columns, and rows into compatible fixed-width tables and fluid layouts. The toolset covers email metadata

Mint es un lenguaje de programación front-end y un framework web compilado diseñado para construir interfaces de usuario interactivas. Funciona como un transpilador que convierte un lenguaje de dominio específico en JavaScript y CSS estándar para su ejecución en un navegador web. La cadena de herramientas permite el desarrollo de UI con seguridad de tipos utilizando análisis de tipos estáticos para validar estructuras de datos durante la fase de compilación. Organiza la lógica de la interfaz web en una arquitectura basada en componentes, donde unidades encapsuladas sincronizan el estado interno con la vista renderizada. El sistema cubre una cadena de herramientas web compilada completa, incluyendo compilación de marcado personalizado y empaquetado de activos en tiempo de compilación para producir activos de producción optimizados.

Email-Boilerplate is an HTML email template framework and design system providing a foundational code structure for developing newsletters and transactional emails. It serves as a cross-client email layout library designed to ensure consistent rendering across diverse desktop and mobile email applications. The project utilizes a table-based layout library and reusable code patterns to maintain structural integrity within restrictive email rendering engines. It employs a responsive design system that combines fluid hybrid scaling and semantic markup normalization to resolve common rendering in

Kotlinx.html es un lenguaje específico de dominio (DSL) para Kotlin que proporciona un patrón de constructor con seguridad de tipos para construir marcado HTML. Al aprovechar llamadas a funciones anidadas y expresiones lambda, la biblioteca hace cumplir restricciones de esquema en tiempo de compilación para asegurar la generación de estructuras de documentos válidas y la prevención de errores de sintaxis comunes. La biblioteca se distingue por un esquema basado en extensiones que permite a los desarrolladores definir etiquetas y atributos personalizados sin modificar el código fuente principal. Admite tanto el renderizado del lado del servidor como la manipulación directa del modelo de objetos del documento (DOM) del navegador, proporcionando un enfoque unificado para construir contenido web en diferentes entornos. El proyecto incluye capacidades para transmitir la salida directamente a buffers, lo que minimiza el consumo de memoria al generar documentos grandes o complejos. También utiliza scripts automatizados para transformar definiciones de marcado en código fuente fuertemente tipado, asegurando un soporte de elementos consistente y extensible durante todo el ciclo de vida del desarrollo.