37 repository-uri
Flexible containers and alignment controls used to organize UI elements within a window.
Distinct from Layout Management: Focuses on the internal arrangement of widgets via containers rather than multi-pane view management.
Explore 37 awesome GitHub repositories matching user interface & experience · Component Layout Containers. Refine with filters or upvote what's useful.
libui is a native C GUI library and cross-platform framework used to build desktop applications. It provides a unified C abstraction layer and a native widget toolkit that maps directly to the host operating system's original controls, windows, and menu bars. The project functions as a portable UI wrapper, employing platform-specific backends and a native-API wrapper to maintain visual and behavioral fidelity across different operating systems. It utilizes a C-language binding layer to ensure portability across various compilers and targets. The library covers native interface construction a
Positions interface components using containers and alignment controls to manage sizing across different screen dimensions.
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
Provides CSS-based layout replication to preserve exact PDF page geometry in HTML output.
This project is a cross-platform mobile carousel component for creating swipeable image and content sliders. It functions as a virtualized list component that maintains performance by removing off-screen elements and utilizes a native-driver animation library to map scroll offsets to style properties on the native thread for lag-free transitions. The library provides a parallax image gallery capable of shifting images relative to scroll progress to create a sense of depth. It also features a layout system that supports right-to-left orientations for languages such as Arabic and Hebrew. Capab
Offers predefined layout templates for positioning items as cards or tinder-style stacks.
Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a comprehensive kit of interactive elements and layout building blocks that follow screen reader and keyboard navigation standards. The project functions as a UI overlay management library, offering specialized tools for implementing anchored popovers, tooltips, and slide-out panels with smooth transitions. It includes a set of accessible form primitives and selection controls to ensure compatibility across different assistive technologies. Its broader capabilities cover the const
Provides structured containers with dedicated areas for titles, descriptions, and header actions.
Hyperblog is a Git learning resource and static site blog template. It provides a practical codebase and markdown blog theme designed for hands-on implementation of version control and collaborative development. The project focuses on Git workflow practice and GitHub collaborative development. It allows users to master version control and project management by building and deploying a functional static website. The system uses static site generation and markdown-driven content to create blog posts. It includes template-based layouts and client-side search indexing to locate specific text or
Uses reusable HTML structures and predefined layout files to wrap raw blog content.
Logoly is a browser-based logo editor that generates logos mimicking the signature visual style of popular platforms. It renders logo previews by drawing vector graphics directly onto an HTML canvas element, managing all editor state entirely within the browser. The tool provides real-time customization of logo text, color, and font size through an interactive on-screen editor, with instant preview updates as adjustments are made. It applies visual styles by mapping user-selected colors and fonts to CSS-like properties on SVG elements, and uses predefined layout templates to position text and
Uses predefined layout templates to position text and graphics in the signature style of a specific platform.
vue-fabric-editor is a web-based graphic design tool and vector graphics editor built with Vue and Fabric.js. It provides a canvas manipulation framework for creating visual compositions, layouts, and custom vector illustrations. The project features a template-based design system for creating reusable layouts and a bulk image generator that automatically produces multiple image files using data tables or external network interfaces. It also includes a modular plugin system for extending tools and keyboard shortcuts. The editor covers a broad range of capabilities including digital asset man
Uses predefined spatial patterns and layout templates to standardize the creation of graphic designs.
Acest proiect este un generator de artefacte HTML LLM și un previewer sandbox conceput pentru prototipare rapidă și creare de conținut. Acesta funcționează ca un bridge de agent AI local care reutilizează sesiunile autentificate de la agenții de codare din linia de comandă pentru a executa sarcini de generare fără a necesita chei API separate. Sistemul convertește layout-urile web în formate specifice platformei prin intermediul unui instrument de export pentru rețelele sociale, utilizând CSS inline și metadate pentru a asigura o publicare consistentă. Utilizează un mediu de randare sandbox pentru a executa codul și scripturile generate de AI în izolare, protejând browserul gazdă de otrăvire. Platforma gestionează transformarea conținutului prin convertirea datelor structurate — inclusiv CSV, JSON și SQL — în artefacte web finisate, cum ar fi pagini de destinație, rapoarte profesionale și pachete de prezentare. Suportă actualizări vizuale în timp real prin streaming-ul codului generat de AI în browser prin evenimente trimise de server. Capabilitățile de export includ conversia nodurilor web randate în imagini PNG de înaltă rezoluție și fișiere HTML independente.
Transforms structured data into visual formats using a library of predefined HTML layout blueprints.
This project is a Bootstrap theme library providing a collection of pre-designed frontend templates and layouts. It functions as a set of frontend UI kits and responsive website templates built specifically with the Bootstrap CSS framework. The library focuses on responsive web design and frontend layout prototyping. It includes specialized themes for creating web dashboards, blogs, and portfolios. The technical implementation utilizes responsive grid layouts, component-based templates, and utility-first class architecture to standardize typography and spacing across different screen sizes.
Implements HTML-first structural templates that separate page hierarchy from visual presentation.
Walk is a comprehensive framework for building native Windows desktop applications. It functions as a GUI library and Windows API wrapper, providing a toolkit of native widgets and a declarative layout system for developing high-performance user interfaces. The project is distinguished by its data-binding framework, which uses reflection and string-based property paths to synchronize data sources with interface widgets. It also provides specialized support for high-DPI interface scaling and an optimized native message loop to reduce runtime overhead. The toolkit covers a wide range of capabi
Uses layout managers to arrange child widgets within parent containers with controlled positioning and spacing.
mtheme is a minimalist visual style for creating presentation slides using the LaTeX Beamer document class. It provides a set of formatting rules and a presentation typesetting style designed to optimize slide layout and content spacing. The theme focuses on a clean, low-noise layout that reduces visual clutter to maximize available content space. It includes a visual progress indicator integrated into each frame to track the viewer's position within the slide deck. The project covers academic presentation formatting and technical slide design, utilizing a document typesetting engine to gene
Implements custom structural patterns and layout overrides for a minimalist spatial arrangement of slide elements.
Unopinionated utilities for resizeable split views
Provides CSS-driven panel resizing that computes dimensions during drag and applies them via inline styles.
Vuido is a framework for building native desktop applications for Windows, macOS, and Linux using Vue.js components, without requiring Electron or Chromium. It maps Vue components directly to native widgets from the libui library, creating lightweight applications that run on a single-threaded event loop and compile templates at build time for optimized runtime performance. The framework provides a complete Vue.js component-to-native bridge, enabling two-way data binding via v-model, component-based window composition, and platform-specific package generation for distributing executables. It
Provides layout containers that arrange child components vertically or horizontally within a window.
Acest proiect este o temă CSS pentru editorul Typora, concepută pentru a emula standardele de tipărire LaTeX. Funcționează ca un instrument de tehnoredactare academică ce transformă previzualizările Markdown în layout-uri formale, potrivite pentru lucrări și rapoarte universitare. Tema include stiluri de tipărire localizate, adaptate standardelor academice chineze, oferind fonturi specifice și template-uri HTML pentru generarea de pagini de titlu profesionale, rezumate și secțiuni de cuvinte cheie. Sistemul gestionează tipografia documentului, marginile paginii și stilizarea listelor pe mai multe niveluri prin variabile CSS și straturi de override. Utilizează media queries specifice pentru print, pentru a asigura un layout controlat în timpul exportului din Markdown în PDF, incluzând opțiuni pentru formatarea vizibilității hyperlink-urilor în documentele pregătite pentru tipar.
Inserts pre-defined HTML structures to simulate academic title pages and abstracts.
ngx-bootstrap este un set de widget-uri și componente UI stilizate Bootstrap, construite special pentru framework-ul Angular. Oferă o bibliotecă de elemente de interfață reutilizabile concepute pentru a funcționa cu motorul de compilare și randare Angular Ivy. Biblioteca permite integrarea componentelor Bootstrap în aplicațiile Angular pentru a crea interfețe utilizator responsive fără a necesita CSS sau JavaScript manual. Înlocuiește nevoia de jQuery prin utilizarea directivelor Angular pentru gestionarea stării și a unui motor de poziționare adaptiv pentru elementele flotante. Setul de componente acoperă o gamă largă de elemente interactive, inclusiv controale de navigare precum tab-uri și paginare, ferestre overlay precum modale și popover-uri, și instrumente de input de date precum selectoare de dată și oră. Include, de asemenea, widget-uri de layout și feedback precum acordeoane, bare de progres și alerte.
Exposes content slots via ng-template to allow custom internal HTML structure for complex widgets.
microui is a minimal immediate-mode graphical user interface library written in C, designed for resource-constrained environments such as embedded systems. It operates without dynamic memory allocation and has no external dependencies beyond standard C, making it a self-contained solution for building lightweight interfaces. The library is delivered as a single header file, simplifying integration into any project. It uses a fixed-allocator heap for all runtime state, guaranteeing deterministic memory use and predictable performance. All drawing is delegated to user-supplied callbacks, keepin
"Uses a single function to push and pop container regions that automatically position and space nested controls."
Acest proiect este o pânză vizuală (canvas) bazată pe AI și un framework de whiteboard colaborativ. Acesta funcționează ca un motor de desen vectorial personalizabil și un instrument pentru convertirea schițelor de interfață desenate de mână și a wireframe-urilor în cod funcțional folosind inteligența artificială. Sistemul se distinge prin integrarea agenților AI care pot citi, modifica și genera diagrame vizuale direct pe canvas. Oferă, de asemenea, un editor de flux de lucru bazat pe noduri pentru construirea de pipeline-uri de automatizare și fluxuri de procesare a datelor prin conectarea componentelor multimodale. Platforma acoperă o gamă largă de capabilități, inclusiv colaborare multiplayer în timp real cu urmărirea prezenței utilizatorilor, un canvas infinit cu randare accelerată GPU și o suită cuprinzătoare de instrumente de manipulare și aliniere a obiectelor. De asemenea, implementează standarde de accesibilitate web și oferă o interfață scriptabilă pentru definirea formelor personalizate și a controalelor programatice pentru canvas.
Manages the automatic positioning and sizing of elements within a flexible container system.
Acest proiect este o bibliotecă de tipare UI declarative și o implementare de referință pentru structurarea layout-urilor, a fluxurilor de navigare și a colecțiilor de date pe platformele Apple. Oferă o colecție de tipare practice de implementare și exemple de componente pentru construirea de interfețe utilizator folosind framework-ul SwiftUI. Biblioteca servește drept referință cross-platform pentru randarea conținutului vizual pe iOS și macOS. Include un ghid de implementare a vizualizărilor care acoperă gestionarea navigării, gestionarea input-urilor utilizatorului și încorporarea conținutului web. Baza de cod acoperă domenii largi de capabilități, inclusiv gestionarea layout-ului prin compoziții bazate pe stack-uri și organizarea formularelor, precum și framework-uri de navigare în aplicație folosind tab bar-uri și rutare ierarhică. Oferă tipare pentru afișarea datelor prin randarea iterativă a colecțiilor, interacțiunea utilizatorului prin controale de input și gestionarea evenimentelor, precum și utilizarea overlay-urilor de conținut interactiv, cum ar fi modalele și alertele. Proiectul include, de asemenea, utilitare pentru integrarea vizualizărilor legacy, permițând încorporarea componentelor bazate pe controller într-o ierarhie declarativă modernă.
Provides layout composition using nested horizontal and vertical stacks to automate screen positioning.
deck.js este un framework de prezentare HTML și un generator de slide-uri utilizat pentru a crea prezentări digitale structurate. Acesta transformă tehnologiile web și elementele HTML standard într-un format de prezentare secvențiat pentru livrarea bazată pe browser. Sistemul include un utilitar dedicat pentru generarea de materiale de prezentare imprimabile, care convertește slide-urile digitale într-un format simplificat alb-negru pentru distribuție fizică.
Utilizes CSS-driven layout containers to handle slide transitions and maintain visual consistency across different screen sizes.
Acest proiect este un site web de documentație tehnică și un generator de site-uri statice conceput pentru a servi drept hub centralizat pentru referințe API, ghiduri și tutoriale. Funcționează ca un sistem de gestionare a conținutului bazat pe markdown care separă scrierea tehnică de stratul de prezentare. Site-ul utilizează o arhitectură bazată pe rutarea sistemului de fișiere, mapând structura fizică a directoarelor și fișierelor din codul sursă direct la căile URL publice. Această abordare permite transformarea fișierelor markdown și a template-urilor în HTML pre-randat pentru livrarea pe web. Sistemul cuprinde capabilități pentru găzduirea documentației tehnice și comunicarea proiectelor open source, utilizând layout-uri bazate pe template-uri și un pipeline de active pentru a organiza documentația proiectului și a optimiza experiența dezvoltatorului.
Uses reusable HTML structure templates to wrap content blocks and maintain consistent navigation and branding.