39 Repos
Tools for controlling font scaling and text display properties.
Distinguishing note: No existing terminal protocol tags found in shortlist.
Explore 39 awesome GitHub repositories matching user interface & experience · Text Rendering. Refine with filters or upvote what's useful.
Brackets is an extensible JavaScript IDE and front-end code editor specifically designed for authoring HTML, CSS, and JavaScript. It serves as a web development text editor that provides a specialized environment for building websites. The editor is distinguished by its live preview capabilities, which render code changes in a browser in real time for immediate visual feedback. It further supports front-end workflows through inline style editing and the ability to synchronize code changes across multiple browser windows for cross-browser testing. The project includes a wide range of developm
Uses HTML and CSS to render the code editing surface and syntax highlighting within a web view.
Iced is a cross-platform graphical user interface framework designed for building interactive applications with a focus on type safety and predictable state management. It utilizes a declarative architecture that separates application state, update logic, and view rendering, allowing developers to construct complex interfaces by nesting reusable functional components. The framework distinguishes itself through an Elm-inspired message-passing pattern, where all user interactions are processed as discrete messages to ensure reliable state transitions. It employs an immediate-mode rendering para
Displays simple text directly on the screen using standard string values.
CodeMirror is a browser-based code editor and extensible text editor framework. It functions as a programmable interface for rendering code and text with support for numerous programming languages, serving as a reusable component for web-based integrated development environments. The project provides a syntax highlighting engine that applies visual styles to text based on programming language rules. It includes a programming API and a CSS theming system to customize the editor's appearance and extend its functionality with custom behaviors. The framework covers capabilities for embedding tex
Renders the editor content using HTML elements within a scrollable container for native browser styling.
highlight.js is a JavaScript syntax highlighter and client-side code formatter that transforms plain text source code into highlighted HTML for web display. It provides syntax highlighting across a wide variety of programming languages. The library includes an automatic language detector that identifies the programming language of a code block to apply the correct highlighting rules without manual tagging. It is designed for web worker compatibility, allowing the highlighting process to run in background threads to prevent the browser interface from freezing during the processing of large vol
Implements a rendering process that transforms code text into HTML elements for browser-based styling.
Ember.js is a structured JavaScript web framework designed for building scalable web applications. It utilizes a Model-View-Controller architectural pattern and incorporates a component-based UI library, a dependency injection framework, and a client-side routing engine. The framework distinguishes itself through a centralized registry for passing shared services across components and routes, alongside a routing system that maps URLs directly to templates and data models to manage navigation. Its broader capabilities include reactive state synchronization and computation memoization for UI p
Uses a specialized VM to track data dependencies and update only the changed parts of the DOM for high performance.
Iosevka is a build system and design environment for creating highly configurable, programming-oriented typeface families. It functions as an open-source font development tool that compiles custom character sets and stylistic features into standard TrueType and web-ready font formats. The project utilizes a parametric design system and functional programming logic to define glyph construction, allowing for consistent styling across entire typeface families. Users can define typeface characteristics through a declarative configuration layer, which maps character variants and OpenType features
Enables multilingual text rendering to display a comprehensive range of Unicode character sets.
FullCalendar is a framework-agnostic UI library and JavaScript calendar component designed for building interactive event scheduling interfaces. It provides tools for managing time-based data, including an integrated iCal feed parser for importing external calendar files and recurring schedules into a unified web view. The library features a system for event scheduling and management, enabling users to reschedule entries via drag-and-drop, adjust event durations by resizing, and highlight specific time ranges for selection. It supports multiple date views, such as month, week, day, and list f
Generates a dynamic HTML table structure to render a precise grid of dates and times.
AstroNvim is a modular Neovim distribution that functions as a comprehensive development environment. It provides a pre-configured framework for managing editor settings, plugin ecosystems, and language server integrations, effectively transforming a base text editor into a full-featured integrated development environment. The project distinguishes itself through a highly customizable Lua-based architecture that emphasizes modularity and performance. It enables users to manage complex editor configurations through a centralized, declarative system that supports lazy loading, community-maintai
Projects dynamic information from language servers directly into the editor buffer as non-editable inline annotations.
jsoneditor is a web-based JSON editor component designed for viewing, editing, and formatting structured data. It provides a user interface for managing JSON through multiple rendering modes, including tree, form, and code views. The project is distinguished by its ability to process and visualize exceptionally large datasets, utilizing virtualized memory management to handle JSON files up to 500 MiB without crashing the browser. It also includes a specialized syntax repair tool to convert malformed text into valid JSON and a data transformer for filtering, sorting, and reshaping documents vi
Implements a rendering engine that generates a nested hierarchy of HTML elements to represent JSON structures.
Beautiful and accessible math in all browsers
Monitors the document for new or changed DOM elements and re-processes them to keep mathematical content synchronized.
Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable! Pinchable! Groupable! Snappable!
Renders interactive control handles as DOM elements positioned relative to the target using CSS transforms.
Beautiful Web Type is a curated directory and interactive preview tool for open-source, SIL-licensed typefaces, designed to help web designers discover, evaluate, and select fonts for their projects. It serves as a central hub where each typeface is presented with a full specimen gallery, weight and style comparisons, and clear licensing information, all rendered as a static site for fast loading. The project distinguishes itself through its comprehensive in-browser inspection capabilities, allowing designers to explore OpenType features like ligatures and alternate glyphs with live before-an
Renders complete glyph repertoires in a CSS grid layout for quick visual scanning.
Gitsigns.nvim is a Neovim plugin that integrates Git diff visualization, blame annotations, and hunk-based staging directly into the editor buffer. It renders add, modify, and delete indicators in the sign column for tracked files, and provides inline or popup blame annotations showing commit authorship and date for each line. The plugin operates on individual diff hunks as atomic units for staging, reverting, and navigation, all executed asynchronously via Neovim's job control API to avoid blocking the UI. The plugin distinguishes itself by enabling hunk-level staging and resetting directly
Uses Neovim's extmark API to render virtual text and floating window annotations for blame and hunk previews.
DTCoreText is an iOS rich text engine and attributed string converter designed to render formatted HTML content natively. It transforms HTML strings into native text styles and layouts, allowing applications to display rich text without the overhead of a web view. The project functions as a CoreText HTML renderer that integrates HTML strings with the CoreText framework for high-performance rendering. It provides a lightweight alternative for displaying rich text within native application labels and text views. The engine includes an HTML-to-attributed string parser and a native text layout e
Transforms HTML markup into native attributed strings to enable rich text rendering without a web browser.
MessageKit is an iOS chat UI framework that provides a scrollable conversation interface built on UICollectionView, enabling developers to render text, images, videos, locations, emoji, audio, and contact messages within message bubbles. The framework is designed around a pre-built MessagesViewController that can be subclassed to inherit the full chat layout, input bar, and message display without writing UI from scratch, and it uses a data source protocol for message retrieval along with delegate callbacks for user interactions. The framework distinguishes itself through a highly customizabl
Renders plain and attributed text messages inside customizable chat bubbles.
css-doodle is a web component for creative coding that renders live CSS-generated patterns and animations directly in the browser. It creates generative art and visual patterns by applying CSS rules to a grid of cells, using the browser's native layout engine for positioning and styling. The component encapsulates its pattern canvas and styling within a custom element's shadow DOM, isolating it from page styles and enabling reusable instances. The tool distinguishes itself by driving pattern configuration through CSS custom properties, allowing dynamic style changes and real-time updates with
Renders generative art patterns by applying CSS rules to a grid of cells using the browser's native layout engine.
Hilo is an HTML5 game engine for building 2D games that run across browsers and devices. It renders graphics through Canvas, DOM, or WebGL backends, automatically selecting the best option for the target environment. The engine provides a complete game development solution with sprite, skeletal, and particle animation, along with a texture atlas system for efficient image loading and rendering. The framework distinguishes itself through its integration of the DragonBones skeletal animation engine, which drives bone-based character movement without frame-by-frame sprites, and its Chipmunk phys
Renders visual objects as DOM elements for text-heavy or complex layouts.
Lettering.js ist eine JavaScript-Typografie-Bibliothek, die Text-Strings in granulare HTML-Elemente unterteilt. Sie umschließt einzelne Zeichen, Wörter und Zeilen in Tags, um präzise CSS-Steuerung und fortgeschrittenes visuelles Styling zu ermöglichen. Die Bibliothek enthält ein barrierefreies Text-Wrapper-System, das die Kompatibilität mit Screenreadern beibehält. Sie verwaltet die Text-Barrierefreiheit, indem sie den ursprünglichen Inhalt in ARIA-Labels auf Containern spiegelt und fragmentierte Elemente vor assistiven Technologien verbirgt. Das Tool bietet Funktionen für granulare Textmanipulation und DOM-basierte Dekomposition. Diese Mechanismen erleichtern das Web-Typografie-Styling und die Erstellung dynamischer Textanimationen durch sequenzierte Übergänge und Bewegungseffekte.
Divides text into a series of HTML elements to leverage browser-based layout and styling.
i18n-ally ist eine VS-Code-Erweiterung und ein Internationalisierungs-Management-Tool, das für die Handhabung von Übersetzungs-Workflows direkt im Code-Editor entwickelt wurde. Es bietet ein System zum Extrahieren hartcodierter Strings, zum Verwalten von Übersetzungsschlüsseln und zum Erkennen fehlender Lokalisierungswerte in einer Codebasis. Das Tool zeichnet sich durch einen Inline-Übersetzungs-Viewer aus, der Werte und Metadaten neben Schlüsseln im Quellcode anzeigt. Es enthält zudem einen Integrator für maschinelle Übersetzung, um leere Lokalisierungsdateien automatisch mit initialen Kandidaten zu füllen, sowie einen Lokalisierungs-Datei-Parser, der mehrere Formate unterstützt, einschließlich JSON und YAML. Die Plattform deckt ein breites Spektrum an Funktionen ab, einschließlich Content-Management über visuelle Bearbeitungsoberflächen, automatisierte Übersetzungserstellung und -prüfung sowie kollaborative Review-Workflows, die Kommentare und Genehmigungsstatus über die Versionskontrolle synchronisieren. Es handhabt zudem die Konfiguration auf Projektebene, wie z. B. Framework-Erkennung und Formatierung von Lokalisierungsdateien.
Shows translation metadata and annotations as non-editable virtual text directly within the code editor.
pangu.js is a CJK text spacing formatter and mixed-language typography validator. It functions as a JavaScript tool that inserts spaces between Chinese, Japanese, or Korean characters and alphanumeric text to improve readability. The project provides a browser DOM text processor that injects spacing into HTML elements and a Node.js text formatting tool for processing local files and strings. It includes a typography validator to verify if text adheres to specific spacing rules between CJK characters and half-width symbols. The tool covers core formatting and mixed language separation while p
Uses MutationObservers to reactively detect and apply CJK spacing to newly injected DOM elements.