17 रिपॉजिटरी
Utilities for scaling the visual dimensions of link components.
Distinct from Component Sizing Utilities: Focuses on link-specific sizing, distinct from general component sizing.
Explore 17 awesome GitHub repositories matching user interface & experience · Link Sizing. Refine with filters or upvote what's useful.
GSAP is a comprehensive JavaScript animation library designed for orchestrating complex motion sequences and interactive user interfaces. It provides a robust property-interpolation engine that calculates intermediate values for CSS styles, attributes, and numeric properties, enabling smooth visual transitions across web elements. The framework is built on a core architecture that manages animation lifecycles, timeline-based sequence orchestration, and virtual property interception to ensure precise control over motion. The library distinguishes itself through a modular, plugin-based extensib
Transitions between background size modes like cover and contain by calculating intermediate values for smooth scaling.
This project is a development framework that enables the creation of cross-platform mobile mini programs using the component-based architecture and reactive data binding of Vue.js. It functions as a build system that transforms web-oriented component code into native-compatible templates and logic, allowing developers to build modular user interfaces that run within restricted mobile environments. The framework distinguishes itself through a sophisticated build pipeline that deconstructs single-file components into platform-specific templates, logic, and style files. It employs compile-time t
Track the volume of data passed to the rendering engine during state updates to identify performance bottlenecks caused by excessive payload sizes.
Redux DevTools is a development utility designed for inspecting, monitoring, and replaying state changes within applications built using the Redux predictable state container. It functions as a JavaScript state inspector that tracks data flow and visualizes action sequences to assist in identifying logic errors during the development process. The tool provides time-travel debugging capabilities, allowing developers to navigate through recorded action sequences to isolate specific application states. By capturing state transitions as a sequential log, it enables the reproduction of past applic
Analyzes state updates and action dispatch patterns to optimize application performance and ensure efficient data handling.
pdf2htmlEX is a tool that converts PDF documents into HTML while preserving the original text, fonts, and layout. It uses CSS positioning and font embedding to replicate the PDF's appearance in a browser, producing output that works without JavaScript. The tool can generate a single self-contained HTML file with all resources embedded, or split the document into separate HTML files per page for individual loading and navigation. The converter offers extensive control over the output, including the ability to embed fonts directly into the HTML using base64-encoded Data URIs, or keep them as se
Renders text at the exact point size specified in the PDF, compensating for browser rounding of fractional font sizes.
This library is a headless virtualization engine designed to optimize performance for large-scale list and grid rendering in Vue applications. By mounting only the elements currently visible within the viewport, it minimizes browser operations and memory usage, allowing interfaces to remain responsive even when handling massive datasets. The engine distinguishes itself through a headless layout abstraction that decouples virtualization logic from specific markup, enabling the creation of custom interfaces without enforcing rigid container styles. It features automatic, dynamic size calculatio
Automatically updates dimensions when content size changes to ensure accurate scroll positioning.
A minimalist CSS framework.
Sets a consistent base font size and line height using rem units so text scales predictably across devices.
FitText.js is a jQuery plugin that scales headline text proportionally to its parent container's width, enabling fluid, responsive typography. It functions as a fluid headline text resizer and responsive typography tool, inflating web type by resizing text based on container dimensions with configurable compression. The plugin distinguishes itself through precise control over the scaling behavior. It includes a compressor factor for tuning how aggressively text size responds to container width changes, and provides min-max clamping to enforce lower and upper pixel bounds on the computed font
Sets minimum and maximum pixel bounds so resized text never shrinks below or grows above those limits.
AndroidAutoLayout is an Android library that converts pixel values from design mockups into percentage-based layouts, enabling consistent scaling across different screen resolutions. At its core, it functions as a pixel-to-percentage converter and screen resolution scaling tool, allowing developers to design layouts using exact pixel dimensions from mockups and have them automatically adapt to any target device. The library provides several distinctive approaches to screen adaptation. It can generate resolution-specific dimension resource files from a single baseline design, eliminating manua
Automatically sizes RecyclerView and ListView items by converting pixel dimensions to percentage-based values.
i3 is an X11 tiling window manager for Linux that organizes application windows into a non-overlapping grid to maximize screen space. It functions as a configurable window layout engine and a desktop environment component that interfaces with the X Window System to handle window placement and input events. The manager specifically provides the ability to add configurable visual spacing and gaps between windows and screen edges. It determines window borders and spacing by parsing a text configuration file at startup or during runtime. The system covers workspace layout optimization and interf
Queries the current active font size at runtime to dynamically set the status bar height.
React Email Editor is a drag-and-drop visual builder for creating responsive email templates, built as a React embeddable component. It also serves as an AI-powered email designer, a collaborative email design tool, and a React component library for composing emails programmatically with JSX. The editor represents designs as structured JSON and supports multi-format rendering for email clients, web pages, and PDF. What distinguishes this editor is its deep AI integration: users can generate full email templates from natural language, rewrite text with chosen intent, produce multiple text vari
Defines standard font sizes for text elements to ensure consistent typography across templates.
nghttp2 is a suite of low-level C libraries and tools designed for implementing the HTTP/2 protocol. It provides a memory-efficient implementation of the protocol's core logic, including framing, stream multiplexing, and flow control. The project includes a dedicated library for HPACK header compression and decompression to reduce network bandwidth. It also provides a toolset for analyzing network traffic and benchmarking server performance, including throughput and latency measurements. Its broader capabilities cover protocol implementation and traffic management, including ALPN connection
Returns the current size of the header compression dynamic table including entry overhead.
FlowType.JS is a fluid typography JavaScript library and responsive typography engine. It functions as a client-side layout calculator that determines and applies optimal typographic metrics based on the real-time dimensions of DOM elements. The library distinguishes itself by using browser-side logic to scale font size and line height relative to the width of a container. This ensures a consistent number of characters per line across different screen sizes, bypassing the limitations of static CSS media queries. The system utilizes a dynamic layout engine that integrates with a resize observ
Adjusts font size and line height based on element width to maintain a readable character count.
iOS9AdaptationTips is a collection of technical strategies and guides for adapting mobile applications to the iOS 9 operating system. It serves as a development resource for implementing system integration, UI layout adaptations, and push notification configurations. The project provides specific guidance on flexible interface implementation, including support for split-screen modes, dynamic text scaling, and status bar configurations. It also covers the use of secure certificates and heartbeat signals to maintain persistent connection stability for push notifications. The material covers br
Implements dynamic font scaling to prevent text clipping based on system accessibility preferences.
REFramework is a runtime modding framework for games built on the RE Engine, providing a C# plugin system with typed proxy code generation, a Lua scripting interface, an ImGui-based UI system, a runtime debugging toolkit, and a VR integration layer. At its core, it intercepts and modifies internal game engine functions and state at runtime through hooking and scripting APIs, enabling deep inspection and manipulation of live game objects. The framework distinguishes itself through typed proxy code generation that auto-creates C# interfaces from the game's type database, giving compile-time saf
Provides a runtime API to query the default font size for UI layout calculations.
Packery is a JavaScript bin-packing grid layout engine and DOM element positioning library. It arranges elements of varying sizes into a gapless, compact grid by calculating and applying absolute coordinates to HTML elements to prevent overlapping. The library enables the creation of draggable grid interfaces, allowing users to rearrange elements via drag-and-drop while the system automatically reflows the remaining items. It maintains stable, responsive layouts across different screen dimensions by using a percentage-based positioning system and responding to window resize events. The tool
Transitions the dimensions of child elements to create visual movement without disrupting grid positioning.
MarqueeLabel is a UIKit label extension for iOS that provides a scrolling text component. It automatically animates text content when it exceeds the available width of the view. The project includes a storyboard custom inspector, allowing the configuration of marquee speed, direction, and animation curves directly within the Xcode interface. The component manages dynamic text layout by scaling font sizes to fit the frame and implementing edge fading effects to blend text into the background. It also provides mechanisms to control the state of scrolling animations.
Dynamically reduces font size to fit the container before initiating scrolling.
flutter_screenutil Flutter के लिए एक रिस्पॉन्सिव UI फ्रेमवर्क और एडेप्टिव लेआउट टूल है। यह विभिन्न स्क्रीन रिज़ॉल्यूशन्स और डिवाइसों में सुसंगत अनुपात सुनिश्चित करने के लिए एक संदर्भ डिज़ाइन के आधार पर लेआउट आयामों और फोंट्स को स्केल करने के लिए एक सिस्टम प्रदान करता है। यह टूलकिट एक स्क्रीन मेट्रिक्स प्रदाता के रूप में कार्य करता है जो स्क्रीन चौड़ाई, ऊंचाई, पिक्सेल घनत्व और सुरक्षित क्षेत्र आयामों सहित वास्तविक समय डिवाइस गुणों को पुनः प्राप्त करता है। यह विशेष रूप से डिवाइस ओरिएंटेशन परिवर्तनों और स्प्लिट-स्क्रीन मोड अपडेट्स के दौरान लेआउट अनुकूलन को संभालता है। यह फ्रेमवर्क एडेप्टिव टाइपोग्राफी मैनेजमेंट, लेआउट आयाम स्केलिंग और स्क्रीन मेट्रिक्स मॉनिटरिंग को कवर करता है। इसमें स्क्रीन रिसाइजिंग के दौरान UI रीबिल्ड्स को नियंत्रित करने के लिए तंत्र शामिल हैं और बहुत बड़ी या छोटी डिस्प्ले पर विज़ुअल अखंडता बनाए रखने के लिए स्केलिंग सीमाएं लागू करता है।
Scales text sizes based on screen metrics while applying minimum and maximum pixel bounds to prevent extreme sizing.