39 个仓库
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 是一个 JavaScript 排版库,它将文本字符串划分为细粒度的 HTML 元素。它将单个字符、单词和行包装在标签中,以实现精确的 CSS 控制和高级视觉样式。 该库包括一个可访问的文本包装系统,可保持屏幕阅读器兼容性。它通过将原始内容镜像到容器上的 ARIA 标签中并对辅助技术隐藏碎片化元素来管理文本可访问性。 该工具提供了细粒度文本操作和基于 DOM 的分解功能。这些机制促进了 Web 排版样式设计,并通过序列化过渡和运动效果创建动态文本动画。
Divides text into a series of HTML elements to leverage browser-based layout and styling.
i18n-ally 是一个 VS Code 扩展和国际化管理工具,旨在直接在代码编辑器中处理翻译工作流。它提供了一个系统,用于提取硬编码字符串、管理翻译键以及检测整个代码库中缺失的语言环境值。 该工具的独特之处在于提供了一个内联翻译查看器,在源代码中的键旁边显示值和元数据。它还包括一个机器翻译集成器,可自动用初始候选值填充空的语言环境文件,以及一个支持 JSON 和 YAML 等多种格式的语言环境文件解析器。 该平台涵盖了广泛的功能,包括通过可视化编辑界面进行内容管理、自动翻译草拟和审查,以及通过版本控制同步评论和审批状态的协作审查工作流。它还处理项目级配置,例如框架检测和语言环境文件格式化。
Shows translation metadata and annotations as non-editable virtual text directly within the code editor.
pangu.js 是一个 CJK(中日韩)文本间距格式化工具和混合语言排版验证器。它作为一个 JavaScript 工具,在中文、日文或韩文字符与字母数字文本之间插入空格,以提高可读性。 该项目提供了一个浏览器 DOM 文本处理器,用于向 HTML 元素注入间距,以及一个用于处理本地文件和字符串的 Node.js 文本格式化工具。它包含一个排版验证器,用于验证文本是否符合 CJK 字符与半角符号之间的特定间距规则。 该工具涵盖了核心格式化和混合语言分隔功能,同时保留了专业技术术语。它通过动态内容监控和 DOM 元素格式化处理网页排版,并支持使用同步和异步处理进行本地文件格式化。
Uses MutationObservers to reactively detect and apply CJK spacing to newly injected DOM elements.