84 repository-uri
UI elements for structuring and organizing page content.
Distinguishing note: Focuses on structural layout rather than individual input components.
Explore 84 awesome GitHub repositories matching user interface & experience · Layout Containers. Refine with filters or upvote what's useful.
This application provides a comprehensive interface for managing network traffic through a core proxy engine. It supports multiple traffic interception methods, including system-wide proxy settings and virtual network interfaces, allowing users to route TCP and UDP traffic based on specific domain, IP, port, or process criteria. The system facilitates complex network configurations through proxy chaining, rule-based routing, and the aggregation of multiple remote subscription sources. Beyond core networking, the tool includes developer-focused utilities for configuration management and system
Injects custom style sheets to modify the visual appearance and theme of the interface.
Ant Design is an enterprise-grade component library and design system framework built for developing complex, data-heavy web applications. It provides a comprehensive collection of pre-built, state-driven interface elements that map data properties to rendered components, ensuring consistent interaction patterns and visual language across large-scale projects. The library distinguishes itself through a robust styling architecture that utilizes design tokens and hierarchical configuration providers to propagate global settings like themes, locale, and layout direction. By employing component-l
Resizable layout containers support nested panels, collapsible sections, and lazy loading for flexible interface architectures.
This project is a general-purpose command-line filter that provides an interactive interface for processing standard input streams. It enables real-time fuzzy searching, data selection, and transformation, allowing users to navigate complex information or file systems directly within their terminal. By utilizing a pipe-oriented architecture, it integrates into existing shell pipelines and workflows to facilitate efficient data exploration. What distinguishes this tool is its highly extensible, event-driven design that allows for deep integration with external processes. It supports asynchrono
Configures individual borders for list and input sections to provide granular control over the visual layout.
Acest proiect este o bibliotecă de interfață grafică de tip immediate-mode concepută pentru dezvoltarea rapidă a instrumentelor și a interfețelor de depanare. Prin generarea geometriei UI la fiecare cadru prin cod procedural, elimină nevoia de sincronizare persistentă a stării între datele aplicației și interfață. Este destinată în principal integrării în pipeline-urile de randare existente, unde produce buffere de vertex-uri brute și comenzi de desen care sunt agnostice față de API-ul grafic subiacent. Biblioteca se distinge printr-o arhitectură extrem de decuplată care acceptă layout-uri complexe, andocabile și cu mai multe ferestre de vizualizare. Gestionează pozițiile ferestrelor, tragerea tab-urilor și divizarea nodurilor, permițând dezvoltatorilor să detașeze elementele de interfață în ferestre independente ale sistemului de operare. Pentru a asigura o interacțiune consistentă în medii diverse, mapează evenimentele de intrare native într-un format unificat și oferă o scopare robustă bazată pe identificatori pentru a urmări stările elementelor între cadre. Framework-ul oferă o suprafață largă de capabilități pentru construirea de instrumente sofisticate de motor și utilitare de diagnosticare. Include suport pentru componente vizuale avansate, cum ar fi editoare de noduri, plottere 2D și 3D și inspectoare specializate, alături de infrastructură pentru scalarea DPI și randarea formelor personalizate. Sistemul este conceput pentru o portabilitate ridicată, oferind opțiuni de configurare la momentul compilării care permit dezvoltatorilor să adapteze structurile de date de bază și tipurile matematice la cerințele specifice ale motorului. Depozitul oferă exemple extinse pentru conectarea bibliotecii la backend-uri și framework-uri grafice majore, alături de instrumente pentru generarea de binding-uri specifice limbajelor.
Facilitates window layout management through tab dragging, node splitting, and the undocking of individual interface hierarchies.
This project is a web-native presentation framework that renders slide decks from standard HTML or Markdown. It functions as a declarative slide engine, managing navigation, state persistence, and lifecycle events through a configuration-driven interface. By leveraging standard web technologies, it enables the creation of responsive, browser-based presentations that support complex layouts, nested transitions, and interactive content. The framework distinguishes itself through a modular, plugin-based architecture that allows developers to extend core functionality using custom hooks and event
Configure scroll behavior to align content using mandatory, proximity-based, or free-scrolling modes.
Pretext is a canvas-based text layout engine designed to calculate precise text dimensions and line breaks for custom rendering. It serves as a rich text measurement tool and a cross-browser typography normalizer, enabling the determination of pixel-perfect widths and heights for mixed inline content without relying on browser CSS. The project distinguishes itself through its ability to handle complex typography and dynamic layouts. It implements language-specific segmentation rules for CJK and Hangul scripts and corrects emoji width variances between DOM and canvas rendering. Additionally, i
Controls how text flows and breaks around obstacles or within variable-width containers using custom line-breaking logic.
Appsmith is a low-code platform designed for building internal business tools, such as operational dashboards and administrative panels. It enables developers to construct dynamic user interfaces by dragging and dropping modular widgets onto a canvas and binding them directly to backend data sources. The platform utilizes a reactive framework that automatically updates interface elements and triggers functions whenever underlying data or widget properties change, eliminating the need for manual event handling. The platform distinguishes itself through a server-side proxy architecture that exe
Provides structural containers and layout tools for organizing application pages.
fullPage.js is a JavaScript full-screen scrolling library and layout engine used to create websites composed of vertical sections and horizontal slides that snap to the viewport. It provides a system for organizing web content into full-screen pages with automatic snapping behavior. The library distinguishes itself through a WebGL transition framework and visual storytelling tools, enabling cinematic effects such as 3D rotations, parallax backgrounds, fading, and water distortion during navigation. It also features a responsive adaptation system that can switch from automatic snapping to stan
Creates a layout where content is divided into full-screen sections that snap to viewport boundaries during scrolling.
Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application. The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti
Centers content with configurable padding and maximum width constraints.
Slick is a JavaScript carousel library used to create responsive, touch-enabled sliding content areas. It functions as a frontend layout tool that allows for automated content rotation and the creation of lazy-loading image galleries. The library distinguishes itself through the ability to synchronize multiple sliders, ensuring that movement in one carousel automatically advances others to the same position. It supports adaptive breakpoints that adjust the number of visible slides based on screen size and utilizes lazy loading to defer image downloads until they enter the viewport. The syste
Dynamically swaps configuration sets and recalculates layout constraints based on window dimensions.
Reflex is a full-stack web framework that enables the development of complete web applications using only Python. It provides a unified environment where server-side logic and client-side interfaces are synchronized through a shared, event-driven architecture. By using a declarative component language, the framework compiles code into reactive frontend elements and backend event handlers, allowing developers to manage the entire application lifecycle within a single codebase. The framework distinguishes itself through its reactive state management and integrated AI-assisted development tools.
Organizes interface elements using stacks, grids, and responsive containers.
react-virtualized is a library of components for rendering massive lists and tables by drawing only the elements visible in the viewport. It provides specialized layout managers including a windowed grid component and a dynamic height list manager. The project includes a masonry layout engine for packing items of varying heights and widths, as well as an infinite scroll interface for incrementally fetching and appending data. The library covers a broad range of virtualization capabilities, including frozen grid elements, reverse list rendering, and synchronized viewport scrolling. It also su
Implements a grid system that packs items of varying heights and widths to optimize vertical space.
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
Forces scroll positions to align with specific points or animation progress values once scrolling stops.
NES.css is an 8-bit CSS framework and styling system that transforms standard HTML elements into pixelated interfaces inspired by classic gaming consoles. It serves as a retro UI component library and toolkit for rendering text, borders, and icons with a blocky aesthetic. The framework uses pure CSS to emulate 8-bit graphics without relying on external images or JavaScript rendering. It implements pixel-art border simulations and integrates pixel-style web fonts to maintain a consistent gaming aesthetic across different browsers. The system provides a suite of game-themed interface elements,
Provides stylized content wrappers and containers to organize page sections with a retro aesthetic.
Readest is a comprehensive digital reading platform designed to manage, annotate, and consume electronic books across multiple devices. It functions as a versatile library manager and reading environment, supporting a wide range of user needs from standard ebook consumption to specialized study and accessibility-focused workflows. The platform distinguishes itself through advanced features like parallel text study, which enables side-by-side document rendering with synchronized scrolling, and a robust text-to-speech engine that provides hands-free reading with synchronized visual highlighting
Supports the injection of custom style sheets to modify the visual appearance of book content.
UIkit is a CSS front-end framework and accessible UI component library designed for building responsive web interfaces. It provides a comprehensive set of styling classes and modular components alongside a JavaScript interaction toolkit for managing behavioral elements. The framework includes native support for internationalized web interfaces, featuring multi-locale text translation and right-to-left layout directions. It employs a responsive layout engine that uses flexible grids, adaptive breakpoints, and container widths to align content across different screen sizes. The toolkit covers
Provides content containment through variable container sizes and adaptive width modifiers.
BookStack is a self-hosted knowledge base platform designed for organizing, storing, and managing structured documentation. It utilizes a hierarchical content model that arranges information into nested trees of books, chapters, and pages, supported by a dedicated search index for rapid retrieval across the entire knowledge base. The platform distinguishes itself through deep integration with enterprise identity providers, allowing organizations to centralize authentication and access control via LDAP, SAML, or OIDC. It provides extensive administrative control over the content lifecycle, inc
Allows injection of custom CSS and JavaScript into application headers to override default visual and functional behaviors.
DearPyGui is a GPU-accelerated, immediate-mode graphical user interface framework for Python. It provides a high-performance toolkit for building interactive desktop applications by leveraging native hardware-accelerated rendering backends across multiple operating systems. By utilizing an immediate-mode execution model, the library offers direct control over the rendering loop and element state, enabling the creation of responsive, dynamic interfaces. The framework distinguishes itself through its ability to handle complex, high-frequency visual updates, making it suitable for real-time data
Provides functionality for snapping and arranging windows within the viewport to create custom layouts.
TanStack Router is a type-safe routing library for web applications that provides full type safety for paths, search parameters, and data loaders across the entire application stack. It functions as a comprehensive framework for server-side rendering, enabling the generation of complete HTML pages to improve initial load performance and search engine optimization. By integrating declarative data fetching, the library manages asynchronous information at the route level, supporting preloading, caching, and parallel request execution to ensure data is ready before components render. The project
Provides configurable scroll axes to support vertical, horizontal, or grid-based layout requirements.
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
Allows customization of window border styles across the interface to override default plugin appearances.