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 est un langage de template concis basé sur l'indentation et un moteur de balisage pour générer du HTML et du XML. Conçu pour l'écosystème Ruby, il convertit une syntaxe abrégée en documents bien formés sans avoir besoin de balises de fermeture traditionnelles. Le moteur fonctionne comme un wrapper multi-moteur, permettant l'intégration de moteurs de rendu externes tels que Markdown et Sass au sein d'un seul fichier de template. Il fournit également une interface en ligne de commande pour rendre des templates et les convertir entre différents formats de balisage. Le système prend en charge la génération de contenu dynamique via une logique Ruby intégrée, incluant des boucles, des conditionnels et l'interpolation d'expressions. Il inclut des capacités pour le développement d'UI modulaire via des fragments de template réutilisables, ainsi que des outils spécialisés pour la gestion des espaces blancs, la génération de doctype et le mapping de collections de données vers des attributs d'éléments.

Heml est un framework fournissant un langage de balisage personnalisé et un compilateur conçus pour générer du HTML et du CSS responsifs pour un rendu cohérent à travers les clients email. Il fonctionne comme un système pour transformer des chaînes de balisage spécialisées en modèles d'email livrables et métadonnées associées. Le projet propose un système de composants pour définir des éléments personnalisés réutilisables et des règles de style afin de standardiser les modèles de conception. Il inclut un moteur de mise en page responsive qui convertit les structures de grille flexibles, les colonnes et les lignes en tableaux à largeur fixe et mises en page fluides compatibles. L'ensemble d'outils couvre la gestion des métadonnées d'email pour les objets et le texte de prévisualisation, le rendu sensible à la validation pour capturer les erreurs structurelles, et un environnement de développement avec surveillance de fichiers en temps réel et prévisualisations dans le navigateur.

Mint est un langage de programmation front-end et un framework web compilé conçu pour construire des interfaces utilisateur interactives. Il fonctionne comme un transpileur qui convertit un langage spécifique au domaine (DSL) en JavaScript et CSS standard pour une exécution dans un navigateur web. La chaîne d'outils permet un développement d'UI typé en utilisant l'analyse de type statique pour valider les structures de données pendant la phase de build. Il organise la logique de l'interface web en une architecture basée sur des composants, où des unités encapsulées synchronisent l'état interne avec la vue rendue. Le système couvre une chaîne d'outils web compilée complète, incluant la compilation de balisage personnalisé et le regroupement d'assets au moment de la compilation pour produire des assets de production optimisés.

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 est un langage spécifique au domaine (DSL) pour Kotlin qui fournit un modèle de constructeur typé pour construire du balisage HTML. En tirant parti des appels de fonction imbriqués et des expressions lambda, la bibliothèque applique des contraintes de schéma au moment de la compilation pour garantir la génération de structures de document valides et la prévention des erreurs de syntaxe courantes. La bibliothèque se distingue par un schéma basé sur des extensions qui permet aux développeurs de définir des balises et des attributs personnalisés sans modifier le code source principal. Elle prend en charge à la fois le rendu côté serveur et la manipulation directe du modèle objet de document (DOM) du navigateur, fournissant une approche unifiée pour construire du contenu web à travers différents environnements. Le projet inclut des capacités pour diffuser la sortie directement vers des tampons (buffers), ce qui minimise la consommation de mémoire lors de la génération de documents volumineux ou complexes. Il utilise également des scripts automatisés pour transformer les définitions de balisage en code source fortement typé, garantissant un support d'élément cohérent et extensible tout au long du cycle de vie du développement.