awesome-repositories.com
Blog
MCP
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoServidor MCPAcerca deCómo clasificamosPrensa
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

37 repositorios

Awesome GitHub RepositoriesComponent Layout Containers

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.

Awesome Component Layout Containers GitHub Repositories

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • andlabs/libuiAvatar de andlabs

    andlabs/libui

    10,882Ver en GitHub↗

    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.

    C
    Ver en GitHub↗10,882
  • coolwanglu/pdf2htmlexAvatar de coolwanglu

    coolwanglu/pdf2htmlEX

    10,603Ver en GitHub↗

    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.

    HTML
    Ver en GitHub↗10,603
  • meliorence/react-native-snap-carouselAvatar de meliorence

    meliorence/react-native-snap-carousel

    10,519Ver en GitHub↗

    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.

    JavaScriptadvanced-effectscarouselflatlist-based
    Ver en GitHub↗10,519
  • cosscom/cossAvatar de cosscom

    cosscom/coss

    10,125Ver en GitHub↗

    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.

    TypeScriptnextjsradix-uireact
    Ver en GitHub↗10,125
  • freddier/hyperblogAvatar de freddier

    freddier/hyperblog

    8,812Ver en GitHub↗

    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.

    HTML
    Ver en GitHub↗8,812
  • bestony/logolyAvatar de bestony

    bestony/logoly

    7,933Ver en GitHub↗

    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.

    JavaScriptgeneratorhacktoberfestlogo
    Ver en GitHub↗7,933
  • ikuaitu/vue-fabric-editorAvatar de ikuaitu

    ikuaitu/vue-fabric-editor

    7,892Ver en GitHub↗

    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.

    Vuecanvas-editordesigndesign-editor
    Ver en GitHub↗7,892
  • nexu-io/html-anythingAvatar de nexu-io

    nexu-io/html-anything

    7,275Ver en GitHub↗

    Este proyecto es un generador de artefactos HTML para LLM y un previsualizador en sandbox diseñado para la creación rápida de prototipos y contenido. Funciona como un puente de agente de IA local que reutiliza sesiones autenticadas de agentes de codificación de línea de comandos para ejecutar tareas de generación sin requerir claves de API separadas. El sistema convierte diseños web en formatos específicos de plataforma a través de una herramienta de exportación a redes sociales, utilizando CSS y metadatos en línea para garantizar una publicación consistente. Emplea un entorno de renderizado en sandbox para ejecutar código y scripts generados por IA de forma aislada, protegiendo al navegador anfitrión de envenenamiento. La plataforma maneja la transformación de contenido convirtiendo datos estructurados (incluyendo CSV, JSON y SQL) en artefactos web pulidos como páginas de destino, informes profesionales y mazos de presentación. Admite actualizaciones visuales en tiempo real mediante el streaming de código generado por IA al navegador a través de eventos enviados por el servidor. Las capacidades de exportación incluyen la conversión de nodos web renderizados en imágenes PNG de alta resolución y archivos HTML independientes.

    Transforms structured data into visual formats using a library of predefined HTML layout blueprints.

    HTML
    Ver en GitHub↗7,275
  • blackrockdigital/startbootstrapAvatar de BlackrockDigital

    BlackrockDigital/startbootstrap

    7,160Ver en GitHub↗

    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.

    HTMLbootstrapbootstrap-4bootstrap-template
    Ver en GitHub↗7,160
  • lxn/walkAvatar de lxn

    lxn/walk

    7,063Ver en GitHub↗

    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.

    Godeclarativedeclarative-uigo
    Ver en GitHub↗7,063
  • matze/mthemeAvatar de matze

    matze/mtheme

    6,835Ver en GitHub↗

    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.

    TeXlatex-beamer-themetex
    Ver en GitHub↗6,835
  • nathancahill/splitAvatar de nathancahill

    nathancahill/split

    6,278Ver en GitHub↗

    Unopinionated utilities for resizeable split views

    Provides CSS-driven panel resizing that computes dimensions during drag and applies them via inline styles.

    JavaScriptcssflexboxsplit
    Ver en GitHub↗6,278
  • mimecorg/vuidoAvatar de mimecorg

    mimecorg/vuido

    6,062Ver en GitHub↗

    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.

    JavaScriptdesktoplibuivue
    Ver en GitHub↗6,062
  • keldos-li/typora-latex-themeAvatar de Keldos-Li

    Keldos-Li/typora-latex-theme

    5,872Ver en GitHub↗

    Este proyecto es un tema CSS para el editor Typora diseñado para emular los estándares de composición tipográfica de LaTeX. Funciona como un maquetador de documentos académicos que transforma vistas previas de Markdown en diseños formales adecuados para trabajos e informes de estilo universitario. El tema incluye estilos de composición localizados adaptados a los estándares académicos chinos, proporcionando fuentes específicas y plantillas HTML para generar portadas, resúmenes y secciones de palabras clave profesionales. El sistema gestiona la tipografía del documento, los márgenes de página y el estilo de listas multinivel a través de variables CSS y capas de sobrescritura. Emplea media queries específicas para impresión para asegurar un diseño controlado durante la exportación de Markdown a PDF, incluyendo opciones para formatear la visibilidad de hipervínculos en documentos listos para imprimir.

    Inserts pre-defined HTML structures to simulate academic title pages and abstracts.

    SCSSlatextyporatypora-theme
    Ver en GitHub↗5,872
  • valor-software/ngx-bootstrapAvatar de valor-software

    valor-software/ngx-bootstrap

    5,519Ver en GitHub↗

    ngx-bootstrap es un conjunto de widgets y componentes de interfaz de usuario con estilo Bootstrap construidos específicamente para el framework Angular. Proporciona una librería de elementos de interfaz reutilizables diseñados para trabajar con el motor de compilación y renderizado Angular Ivy. La librería permite la integración de componentes de Bootstrap en aplicaciones Angular para crear interfaces de usuario receptivas sin requerir CSS o JavaScript manual. Reemplaza la necesidad de jQuery utilizando directivas de Angular para la gestión de estado y un motor de posicionamiento adaptativo para elementos flotantes. El conjunto de componentes cubre una amplia gama de elementos interactivos, incluyendo controles de navegación como pestañas y paginación, ventanas superpuestas como modales y popovers, y herramientas de entrada de datos como selectores de fecha y hora. También incluye widgets de diseño y retroalimentación como acordeones, barras de progreso y alertas.

    Exposes content slots via ng-template to allow custom internal HTML structure for complex widgets.

    TypeScriptangularbootstrapcarousel
    Ver en GitHub↗5,519
  • rxi/microuiAvatar de rxi

    rxi/microui

    5,525Ver en GitHub↗

    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."

    C
    Ver en GitHub↗5,525
  • tldraw/draw-a-uiAvatar de tldraw

    tldraw/draw-a-ui

    5,445Ver en GitHub↗

    Este proyecto es un lienzo visual impulsado por IA y un framework de pizarra colaborativa. Funciona como un motor de dibujo vectorial personalizable y una herramienta para convertir bocetos de interfaz dibujados a mano y wireframes en código funcional utilizando inteligencia artificial. El sistema se distingue por la integración de agentes de IA que pueden leer, modificar y generar diagramas visuales directamente en el lienzo. También proporciona un editor de flujo de trabajo basado en nodos para construir pipelines de automatización y flujos de procesamiento de datos conectando componentes multimodales. La plataforma cubre una amplia gama de capacidades, incluyendo colaboración multijugador en tiempo real con seguimiento de presencia de usuarios, un lienzo infinito con renderizado acelerado por GPU y una suite integral de herramientas de manipulación y alineación de objetos. También implementa estándares de accesibilidad web y proporciona una interfaz programable para definir formas personalizadas y controles de lienzo programáticos.

    Manages the automatic positioning and sizing of elements within a flexible container system.

    TypeScript
    Ver en GitHub↗5,445
  • jinxiansen/swiftuiAvatar de Jinxiansen

    Jinxiansen/SwiftUI

    5,440Ver en GitHub↗

    Este proyecto es una biblioteca de patrones de UI declarativa y una implementación de referencia para estructurar layouts, flujos de navegación y colecciones de datos en plataformas Apple. Proporciona una colección de patrones de implementación prácticos y ejemplos de componentes para construir interfaces de usuario utilizando el framework SwiftUI. La biblioteca sirve como referencia multiplataforma para renderizar contenido visual en iOS y macOS. Incluye una guía de implementación de vistas que cubre la gestión de la navegación, el manejo de entradas de usuario y el embebido de contenido web. El código base cubre amplias áreas de capacidad, incluyendo la gestión de layouts mediante composiciones basadas en stacks y organización de formularios, así como frameworks de navegación de aplicaciones utilizando barras de pestañas y enrutamiento jerárquico. Proporciona patrones para la visualización de datos mediante renderizado iterativo de colecciones, interacción del usuario mediante controles de entrada y manejo de eventos, y el uso de superposiciones de contenido interactivo como modales y alertas. El proyecto también incluye utilidades para la integración de vistas heredadas, permitiendo el embebido de componentes basados en controladores dentro de una jerarquía declarativa moderna.

    Provides layout composition using nested horizontal and vertical stacks to automate screen positioning.

    Swift
    Ver en GitHub↗5,440
  • imakewebthings/deck.jsAvatar de imakewebthings

    imakewebthings/deck.js

    5,422Ver en GitHub↗

    deck.js es un framework de presentación HTML y generador de diapositivas utilizado para crear presentaciones de diapositivas digitales estructuradas. Transforma tecnologías web y elementos HTML estándar en un formato de presentación secuencial para su entrega basada en navegador. El sistema incluye una utilidad dedicada para generar folletos de presentación imprimibles, que convierte diapositivas digitales en un formato simplificado en blanco y negro para su distribución física.

    Utilizes CSS-driven layout containers to handle slide transitions and maintain visual consistency across different screen sizes.

    JavaScript
    Ver en GitHub↗5,422
  • expressjs/expressjs.comAvatar de expressjs

    expressjs/expressjs.com

    5,355Ver en GitHub↗

    Este proyecto es un sitio web de documentación técnica y generador de sitios estáticos diseñado para servir como centro centralizado para referencias de API, guías y tutoriales. Funciona como un sistema de gestión de contenido basado en markdown que separa la redacción técnica de la capa de presentación. El sitio utiliza una arquitectura enrutada por el sistema de archivos, mapeando la estructura física de directorios y archivos del código fuente directamente a las rutas URL públicas. Este enfoque permite la transformación de archivos markdown y plantillas en HTML pre-renderizado para su entrega web. El sistema abarca capacidades para el alojamiento de documentación técnica y la comunicación de proyectos open source, utilizando diseños basados en plantillas y un pipeline de activos para organizar la documentación del proyecto y optimizar la experiencia del desarrollador.

    Uses reusable HTML structure templates to wrap content blocks and maintain consistent navigation and branding.

    MDXexpressexpressjsjavascript
    Ver en GitHub↗5,355
Ant.12Siguiente
  1. Home
  2. User Interface & Experience
  3. Layout Management
  4. Component Layout Containers

Explorar subetiquetas

  • CSS-Driven Layout Containers3 sub-etiquetasContainers that position and align components using flow or flexbox layouts controlled by CSS display properties. **Distinct from Component Layout Containers:** Distinct from general Component Layout Containers: specifically uses CSS display properties for flow and flexbox layouts.
  • Control Scope IsolationGrouping input controls so they only affect a specific subset of components within a container. **Distinct from Component Layout Containers:** Focuses on limiting the logical scope of filters to specific components, not DOM or failure isolation.
  • Layout Templates3 sub-etiquetasPredefined spatial patterns used to position items in specific visual arrangements. **Distinct from Stack-Based Layout Containers:** Distinct from Stack-Based Layout Containers: covers a variety of templates including tinder-style and cards, not just push/pop stacks.
  • Stack-Based Layout ContainersContainer management via a push/pop stack that automatically positions and spaces nested UI controls. **Distinct from Component Layout Containers:** Distinct from Component Layout Containers: focuses on stack-based push/pop management rather than generic flexible container arrangement.