26 Repos
Tools for adjusting the spacing and sizing of interface elements to accommodate different display densities and design requirements.
Distinguishing note: Focuses on layout spacing and density configuration rather than specific component implementations or styling frameworks.
Explore 26 awesome GitHub repositories matching user interface & experience · Layout Density Utilities. Refine with filters or upvote what's useful.
Nerd Fonts is a suite of tools and collections designed for aggregating glyphs, patching programming fonts, and generating web-ready font assets. It provides an iconic font patcher for injecting large sets of icons into existing system fonts, a glyph aggregator that consolidates symbols from multiple icon sets, and a collection of pre-patched monospaced typefaces for use in terminals and editors. The project includes a font metrics tool to adjust glyph widths and cell sizing, ensuring consistent icon alignment in monospace environments. It also features a web font generator that converts patc
Adjusts cell size and line height to ensure icons fit within strict monospace or proportional constraints.
This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens. What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexib
Provides configurable density settings to adjust vertical spacing and layout compactness for interface components.
Fyne is a cross-platform graphical user interface toolkit for the Go programming language. It provides a comprehensive framework for building native applications that run on desktop, mobile, and web environments from a single codebase. The toolkit centers on a canvas-based rendering engine and a device-independent layout engine, ensuring that visual elements maintain consistent dimensions and behavior across diverse operating systems and screen densities. The project distinguishes itself through a reactive data-binding system that automatically synchronizes application state with interface co
Calculates component positions dynamically based on container constraints to support varying screen densities.
This project is a high-performance, lightweight C graphics library designed for creating interactive user interfaces on resource-constrained embedded hardware. It functions as a comprehensive framework that provides a widget toolkit, a rendering engine, and hardware-agnostic drivers to support the development of graphical displays on microcontrollers and embedded systems. The framework distinguishes itself through a flexible, object-oriented widget hierarchy and a declarative layout engine that supports responsive design patterns like flexbox and grid systems. It enables developers to synchro
Provides tools for adjusting the spacing and density of interface elements within layout containers.
Excelize is a library for reading and writing spreadsheet files in the Office Open XML format. It provides a comprehensive suite of tools for programmatically creating, modifying, and analyzing workbooks, worksheets, and cell data, ensuring compatibility across various office software suites through structured XML serialization. The library distinguishes itself with a built-in formula calculation engine that evaluates complex mathematical and logical expressions directly against workbook data. It also features a memory-mapped streaming architecture, which allows for the efficient processing o
Simulates high-density display environments to test responsive media queries.
Tabler Icons is a library of scalable vector graphics designed for consistent visual representation across web interfaces and digital applications. It functions as a comprehensive suite of customizable graphical symbols and pre-built visual elements that adapt to various screen sizes to support interface development. The library utilizes path-based vector rendering, allowing icons to scale infinitely without loss of quality by being rasterized directly by the browser engine. Each asset is constructed on a normalized coordinate grid to ensure consistent proportions, and the icons are designed
Constructs assets on a normalized coordinate grid to ensure consistent proportions across different display dimensions.
Blender is a professional 3D creation suite designed for modeling, animation, rendering, and video editing. It functions as an open-source 3D engine that provides a comprehensive framework for procedural geometry, physics simulation, and high-quality visual output. The platform is built upon a foundational architecture that utilizes data-block-based memory management and a dependency-graph-based evaluation system to handle complex scene transformations and geometry updates. The software distinguishes itself through a highly modular, node-based procedural architecture that allows users to cons
Displays grid backgrounds and reference points to help track item positioning and alignment.
Monaspace is a collection of monospaced font families engineered specifically for programming environments. The system functions as a comprehensive typography suite that balances traditional grid-based alignment with expressive design aesthetics to improve visual hierarchy and readability within text editors. The project distinguishes itself through advanced font engineering that utilizes variable axes and contextual rules to modify character appearance dynamically. By employing semantic mapping and open-type feature injection, the fonts automatically adjust glyph shapes and spacing based on
Calculates character spacing and bounding boxes against a fixed coordinate system to ensure consistent alignment across diverse font styles.
Pyxel is a Python-based retro game engine designed for creating pixel-art applications with vintage aesthetics. It functions as a pixel art framework that emulates classic hardware limitations through fixed-resolution displays, constrained color palettes, and a 2D tilemap engine for rendering scaled sprites and grid-based game worlds. The engine features a dedicated MML audio synthesizer that uses Macro Language notation to compose and play back retro-style sound sequences. It also includes capabilities for seed-based background music generation and the playback of raw PCM audio data for cust
Uses an integer-based pixel grid coordinate system to maintain a vintage low-resolution aesthetic.
This library provides a rendering engine that translates declarative component trees into PDF files. It enables the construction of complex document structures using a component-based architecture, allowing developers to define layout, styling, and content programmatically. The system operates across both browser and server-side environments, offering a unified interface for generating structured documents. The project distinguishes itself through a sophisticated layout and rendering pipeline that handles the complexities of document creation. It utilizes a flexbox-based engine for element po
Calculates line breaks and text wrapping by measuring glyph dimensions against font metrics for precise typography.
CVAT is an open-source, web-based platform designed for annotating images, videos, and 3D point clouds to create high-quality training datasets for machine learning. It functions as a containerized server that orchestrates the entire lifecycle of computer vision data, from initial task creation and manual labeling to quality assurance and final dataset export. The platform distinguishes itself through deep integration with machine learning models, allowing users to deploy custom AI models as serverless functions for automated object detection, tracking, and skeleton annotation. It supports co
Displays customizable grid overlays to assist with spatial alignment and measurement during manual annotation.
JetBrains Mono is an open-source, monospaced typeface designed specifically for software development environments. It functions as a productivity tool intended to improve code legibility and reduce visual fatigue during extended programming sessions. The typeface distinguishes itself through geometric optimizations that prioritize character clarity and scanning speed. It features increased lowercase height to occupy more vertical space, simplified character shapes to reduce visual noise, and pixel-grid alignment to maintain sharp edges at small sizes. Additionally, it incorporates programming
Utilizes pixel-grid alignment to ensure character strokes remain crisp and legible at small font sizes.
Skia is a high-performance 2D graphics rendering library used for drawing text, geometries, and images on digital surfaces. It functions as a hardware-accelerated graphics engine that offloads drawing operations to the GPU, a vector graphics processor for SVG and complex paths, and a typography engine for shaping and drawing characters with Unicode support. The project provides a cross-platform image codec for encoding and decoding standard image formats into raw pixel data across multiple operating systems. It also enables the development of user interfaces that maintain visual consistency a
Retrieves character advances and boundaries using lightweight handles to reduce expensive font lookup overhead.
Trianglify is an algorithmic background generator and vector art toolkit used to produce pseudo-random geometric patterns and polygonal meshes. It functions as a rendering engine that converts geometric data into either scalable vector graphics or rasterized canvas elements. The system utilizes deterministic pattern generation via seed values to ensure consistent geometric output. It supports customizable color gradients, coordinate grid jittering, and custom geometry definitions to control the placement and shape of the generated meshes. The project covers algorithmic art generation and gen
Implements coordinate grid jittering to transform regular point grids into organic, non-uniform geometric patterns.
This project is an automated image translation system and pipeline specifically optimized for manga and comics. It provides a sequence of text detection, machine translation, and typesetting, and is available as an image translation API, a command-line tool for batch processing, and an LLM-powered translator. The system utilizes OCR to detect text regions and an inpainter to remove original content by synthesizing background pixels. Translated text is then overlaid using an automated typesetter that manages font sizes, colors, and reading directions based on the original coordinates. The wor
Controls layout, fonts, and alignment of translated text to match the original visual style of comics.
vue-grid-layout is a draggable and resizable grid system for Vue.js that enables users to customize the placement and size of interface elements. It functions as a dynamic widget orchestrator and a state-persistent layout manager, allowing for the creation of customizable dashboard interfaces where components can be arranged and sized according to user preference. The system operates as a responsive dashboard framework that automatically adapts grid arrangements based on viewport size and supports right-to-left text directions. It provides the ability to capture and serialize grid positions a
Uses a coordinate-based grid system to calculate exact positioning and sizing for all interface elements.
AndroidProject is an application framework and development suite for Android that provides a collection of base classes and utilities designed to accelerate the creation and refactoring of mobile projects. It functions as a foundational system for managing application architecture and common shared features. The framework includes a specialized activity result manager that replaces manual callback overrides with listener objects and automated request code generation. It also provides a performance optimization library focused on reducing memory usage and code size to improve application stabi
Provides utilities to adjust user interface elements based on detected screen dimensions and navigation bar presence.
Firefox-UI-Fix ist eine Sammlung von CSS-Stylesheets, Stil-Overrides und einem UserChrome-Framework, das darauf ausgelegt ist, das Layout und Erscheinungsbild des Firefox-Webbrowsers neu zu definieren. Es fungiert als Browser-Oberflächen-Anpasser und Styling-Kit, das CSS-Injection und DOM-Overrides verwendet, um die Browser-Shell zu modifizieren. Das Projekt zeichnet sich durch eine tiefe Integration mit Host-Betriebssystemen aus, wodurch Fensterdekorationen, Menüs und Themes des Browsers an Systemakzentfarben und native Desktop-Ästhetik angepasst werden können. Es enthält spezialisierte Funktionen zur Modifikation der visuellen Hierarchie der Oberfläche und bietet vordefinierte visuelle Theme-Distributionen. Breite Funktionsbereiche decken umfassende Layout-Modifikationen ab, einschließlich der Möglichkeit, Elementdichte anzupassen, Tab-Leisten neu zu positionieren und Navigations-Toolbars neu zu organisieren. Das Projekt bietet zudem Werkzeuge für Tab-Management, das Redesign interner Media-Player, das Entfernen von Oberflächenanimationen sowie die Anpassung interner Browserseiten und Typografie. Das System ist in SCSS implementiert und nutzt die internen Styling-Mechanismen des Browsers sowie präferenzgesteuerte Konfigurationen.
Provides utilities to adjust interface element spacing and sizing for compact or touch-friendly modes.
Fira ist eine Open-Source-Sans-Serif-Schriftfamilie und ein digitales Typografie-Asset. Sie bietet eine Sammlung hochlesbarer Fonts, die für Klarheit und Lesbarkeit über verschiedene Bildschirmgrößen, Auflösungen und Betriebssystem-Interfaces hinweg entwickelt wurden. Das Projekt liefert eine standardisierte Font-Ressource für Web-Integration und UI-Typografie. Es besteht aus professionellen Letterforms, die für digitale Displays optimiert sind, um eine konsistente Zeichenwiedergabe sicherzustellen. Die Assets sind gemäß der OpenType-Spezifikation entwickelt und enthalten Unicode-Glyphen-Mapping sowie variable Glyphen-Gewichtungen. Das Design integriert Bezier-Kurven-Outlines, Kerning-Paar-Definitionen und gitterbasiertes Hinting, um Schärfe und Lesbarkeit zu wahren.
Implements pixel-grid snapping in the typeface design to ensure legibility on low-resolution displays.
opentype.js ist eine JavaScript-Bibliothek zum Lesen, Schreiben und Manipulieren von OpenType-, TrueType- und WOFF-Schriftdateien in Browser- und Serverumgebungen. Sie fungiert als Font-Parser und -Generator, der in der Lage ist, Glyphen-Daten und Metadaten zu extrahieren oder neue Schriftdateien durch programmatisches Definieren von Glyphen-Pfaden und Metadaten zu erstellen. Das Projekt bietet spezialisierte Dienstprogramme zum Modifizieren von Font-Variation-Tabellen, um variable Schrift-Eigenschaften zu steuern, sowie zum Verarbeiten von Farbebenen und Paletten über COLR- und CPAL-Tabellen. Es enthält zudem einen Bezier-Pfad-Generator, der Schriftglyphen und Textstrings in Pfade für SVG- und Canvas-Rendering konvertiert. Die Bibliothek deckt ein breites Spektrum an Typografie-Operationen ab, einschließlich der Berechnung von Schriftmetriken wie Vorlaufbreiten und Bounding-Boxen, der Konvertierung von Glyphen in SVG-Pfaddaten und dem direkten Rendern von Text in einen 2D-Zeichenkontext. Sie ermöglicht zudem die Modifikation roher Glyphen-Formen und die Serialisierung von Font-Objekten zurück in Binärformate für den Dateiexport.
Calculates bounding boxes and spacing for individual characters to ensure consistent visual alignment.