awesome-repositories.com
ब्लॉग
MCP
awesome-repositories.com

AI-संचालित खोज के साथ बेहतरीन ओपन-सोर्स रिपॉजिटरी खोजें।

एक्सप्लोर करेंक्यूरेटेड खोजेंओपन-सोर्स विकल्पसेल्फ-होस्टेड सॉफ्टवेयरब्लॉगसाइटमैप
प्रोजेक्टMCP सर्वरहमारे बारे मेंहम रैंकिंग कैसे करते हैंप्रेस
कानूनीगोपनीयताशर्तें
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

37 रिपॉजिटरी

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

AI के साथ बेहतरीन रिपॉजिटरी खोजें।हम AI का उपयोग करके सबसे सटीक रिपॉजिटरी खोजेंगे।
  • andlabs/libuiandlabs का अवतार

    andlabs/libui

    10,882GitHub पर देखें↗

    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
    GitHub पर देखें↗10,882
  • coolwanglu/pdf2htmlexcoolwanglu का अवतार

    coolwanglu/pdf2htmlEX

    10,603GitHub पर देखें↗

    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
    GitHub पर देखें↗10,603
  • meliorence/react-native-snap-carouselmeliorence का अवतार

    meliorence/react-native-snap-carousel

    10,519GitHub पर देखें↗

    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
    GitHub पर देखें↗10,519
  • cosscom/cosscosscom का अवतार

    cosscom/coss

    10,125GitHub पर देखें↗

    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
    GitHub पर देखें↗10,125
  • freddier/hyperblogfreddier का अवतार

    freddier/hyperblog

    8,812GitHub पर देखें↗

    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
    GitHub पर देखें↗8,812
  • bestony/logolybestony का अवतार

    bestony/logoly

    7,933GitHub पर देखें↗

    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
    GitHub पर देखें↗7,933
  • ikuaitu/vue-fabric-editorikuaitu का अवतार

    ikuaitu/vue-fabric-editor

    7,892GitHub पर देखें↗

    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
    GitHub पर देखें↗7,892
  • nexu-io/html-anythingnexu-io का अवतार

    nexu-io/html-anything

    7,275GitHub पर देखें↗

    This project is an LLM HTML artifact generator and sandboxed previewer designed for rapid prototyping and content creation. It functions as a local AI agent bridge that reuses authenticated sessions from command-line coding agents to execute generation tasks without requiring separate API keys. The system converts web layouts into platform-specific formats via a social media export tool, utilizing inlined CSS and metadata to ensure consistent publishing. It employs a sandboxed rendering environment to execute AI-generated code and scripts in isolation, protecting the host browser from poisoni

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

    HTML
    GitHub पर देखें↗7,275
  • blackrockdigital/startbootstrapBlackrockDigital का अवतार

    BlackrockDigital/startbootstrap

    7,160GitHub पर देखें↗

    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
    GitHub पर देखें↗7,160
  • lxn/walklxn का अवतार

    lxn/walk

    7,063GitHub पर देखें↗

    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
    GitHub पर देखें↗7,063
  • matze/mthemematze का अवतार

    matze/mtheme

    6,835GitHub पर देखें↗

    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
    GitHub पर देखें↗6,835
  • nathancahill/splitnathancahill का अवतार

    nathancahill/split

    6,278GitHub पर देखें↗

    Unopinionated utilities for resizeable split views

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

    JavaScriptcssflexboxsplit
    GitHub पर देखें↗6,278
  • mimecorg/vuidomimecorg का अवतार

    mimecorg/vuido

    6,062GitHub पर देखें↗

    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
    GitHub पर देखें↗6,062
  • keldos-li/typora-latex-themeKeldos-Li का अवतार

    Keldos-Li/typora-latex-theme

    5,872GitHub पर देखें↗

    यह प्रोजेक्ट Typora एडिटर के लिए एक CSS थीम है जिसे LaTeX टाइपसेटिंग मानकों की नकल करने के लिए डिज़ाइन किया गया है। यह एक शैक्षणिक दस्तावेज़ टाइपसेटर के रूप में कार्य करता है जो Markdown प्रीव्यू को विश्वविद्यालय-शैली के पेपर और रिपोर्ट के लिए उपयुक्त औपचारिक लेआउट में बदल देता है। इस थीम में चीनी शैक्षणिक मानकों के अनुरूप लोकलाइज़्ड टाइपसेटिंग शैलियाँ शामिल हैं, जो पेशेवर कवर पेज, एब्सट्रैक्ट और कीवर्ड सेक्शन बनाने के लिए विशिष्ट फ़ॉन्ट और HTML टेम्प्लेट प्रदान करती हैं। यह सिस्टम CSS वेरिएबल्स और ओवरराइड लेयर्स के माध्यम से दस्तावेज़ टाइपोग्राफी, पेज मार्जिन और मल्टी-लेवल लिस्ट स्टाइलिंग को मैनेज करता है। यह Markdown से PDF एक्सपोर्ट के दौरान एक नियंत्रित लेआउट सुनिश्चित करने के लिए प्रिंट-विशिष्ट मीडिया क्वेरीज़ का उपयोग करता है, जिसमें प्रिंट-रेडी दस्तावेज़ों के लिए हाइपरलिंक दृश्यता को फ़ॉर्मेट करने के विकल्प भी शामिल हैं।

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

    SCSSlatextyporatypora-theme
    GitHub पर देखें↗5,872
  • valor-software/ngx-bootstrapvalor-software का अवतार

    valor-software/ngx-bootstrap

    5,519GitHub पर देखें↗

    ngx-bootstrap is a set of Bootstrap-styled UI widgets and components built specifically for the Angular framework. It provides a library of reusable interface elements designed to work with the Angular Ivy compilation and rendering engine. The library enables the integration of Bootstrap components into Angular applications to create responsive user interfaces without requiring manual CSS or JavaScript. It replaces the need for jQuery by using Angular directives for state management and an adaptive positioning engine for floating elements. The component set covers a wide range of interactive

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

    TypeScriptangularbootstrapcarousel
    GitHub पर देखें↗5,519
  • rxi/microuirxi का अवतार

    rxi/microui

    5,525GitHub पर देखें↗

    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
    GitHub पर देखें↗5,525
  • tldraw/draw-a-uitldraw का अवतार

    tldraw/draw-a-ui

    5,445GitHub पर देखें↗

    यह प्रोजेक्ट एक AI-संचालित विज़ुअल कैनवास और सहयोगी व्हाइटबोर्ड फ्रेमवर्क है। यह एक अनुकूलन योग्य वेक्टर ड्राइंग इंजन और आर्टिफिशियल इंटेलिजेंस का उपयोग करके हाथ से खींचे गए इंटरफेस स्केच और वायरफ्रेम्स को फंक्शनल कोड में बदलने के लिए एक उपकरण के रूप में कार्य करता है। यह सिस्टम AI एजेंट्स के एकीकरण के माध्यम से खुद को अलग करता है जो सीधे कैनवास पर विज़ुअल डायग्राम्स को पढ़, संशोधित और जेनरेट कर सकते हैं। यह मल्टीमॉडल कंपोनेंट्स को जोड़कर ऑटोमेशन पाइपलाइनों और डेटा प्रोसेसिंग फ्लो बनाने के लिए नोड-आधारित वर्कफ़्लो एडिटर भी प्रदान करता है। यह प्लेटफॉर्म यूजर प्रेजेंस ट्रैकिंग के साथ रीयल-टाइम मल्टीप्लेयर सहयोग, GPU-त्वरित रेंडरिंग के साथ एक अनंत कैनवास और ऑब्जेक्ट मैनिपुलेशन व एलाइनमेंट टूल्स के एक व्यापक सूट सहित क्षमताओं की एक विस्तृत श्रृंखला को कवर करता है। यह वेब एक्सेसिबिलिटी स्टैंडर्ड्स को भी लागू करता है और कस्टम आकृतियों और प्रोग्रामेटिक कैनवास कंट्रोल्स को परिभाषित करने के लिए एक स्क्रिप्टेबल इंटरफेस प्रदान करता है।

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

    TypeScript
    GitHub पर देखें↗5,445
  • jinxiansen/swiftuiJinxiansen का अवतार

    Jinxiansen/SwiftUI

    5,440GitHub पर देखें↗

    यह प्रोजेक्ट Apple प्लेटफॉर्म्स पर लेआउट्स, नेविगेशन फ्लो और डेटा कलेक्शंस को संरचित करने के लिए एक डिक्लेरेटिव UI पैटर्न लाइब्रेरी और रेफरेंस इम्प्लीमेंटेशन है। यह SwiftUI फ्रेमवर्क का उपयोग करके यूजर इंटरफेस बनाने के लिए व्यावहारिक इम्प्लीमेंटेशन पैटर्न और कंपोनेंट उदाहरणों का एक संग्रह प्रदान करता है। यह लाइब्रेरी iOS और macOS पर विज़ुअल कंटेंट रेंडर करने के लिए एक क्रॉस-प्लेटफॉर्म रेफरेंस के रूप में कार्य करती है। इसमें एक व्यू इम्प्लीमेंटेशन गाइड शामिल है जो नेविगेशन को प्रबंधित करने, यूजर इनपुट्स को संभालने और वेब कंटेंट को एम्बेड करने को कवर करती है। यह कोडबेस स्टैक-आधारित कंपोज़िशन और फॉर्म ऑर्गनाइजेशन के माध्यम से लेआउट प्रबंधन, साथ ही टैब बार और पदानुक्रमित रूटिंग का उपयोग करके एप्लिकेशन नेविगेशन फ्रेमवर्क सहित व्यापक क्षमता क्षेत्रों को कवर करता है। यह इटरेटिव कलेक्शन रेंडरिंग के माध्यम से डेटा डिस्प्ले, इनपुट कंट्रोल्स और इवेंट हैंडलिंग के माध्यम से यूजर इंटरैक्शन, और मोडल्स व अलर्ट्स जैसे इंटरैक्टिव कंटेंट ओवरलेज़ के उपयोग के लिए पैटर्न प्रदान करता है। इस प्रोजेक्ट में लेगेसी व्यू एकीकरण के लिए यूटिलिटीज भी शामिल हैं, जो एक आधुनिक डिक्लेरेटिव पदानुक्रम के भीतर कंट्रोलर-आधारित कंपोनेंट्स को एम्बेड करने में सक्षम बनाती हैं।

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

    Swift
    GitHub पर देखें↗5,440
  • imakewebthings/deck.jsimakewebthings का अवतार

    imakewebthings/deck.js

    5,422GitHub पर देखें↗

    deck.js एक HTML प्रेजेंटेशन फ्रेमवर्क और स्लाइड जनरेटर है जिसका उपयोग स्ट्रक्चर्ड डिजिटल स्लाइडशो बनाने के लिए किया जाता है। यह वेब तकनीकों और स्टैंडर्ड HTML एलिमेंट्स को ब्राउज़र-आधारित वितरण के लिए एक अनुक्रमित प्रेजेंटेशन फॉर्मेट में बदलता है। इस सिस्टम में प्रिंट करने योग्य प्रेजेंटेशन हैंडआउट्स जनरेट करने के लिए एक समर्पित यूटिलिटी शामिल है, जो डिजिटल स्लाइड्स को भौतिक वितरण के लिए एक सरल ब्लैक एंड व्हाइट फॉर्मेट में बदल देती है।

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

    JavaScript
    GitHub पर देखें↗5,422
  • expressjs/expressjs.comexpressjs का अवतार

    expressjs/expressjs.com

    5,355GitHub पर देखें↗

    This project is a technical documentation website and static site generator designed to serve as a centralized hub for API references, guides, and tutorials. It functions as a markdown-based content management system that separates technical writing from the presentation layer. The site utilizes a file-system routed architecture, mapping the physical directory and file structure of the source code directly to the public URL paths. This approach enables the transformation of markdown files and templates into pre-rendered HTML for web delivery. The system encompasses capabilities for technical

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

    MDXexpressexpressjsjavascript
    GitHub पर देखें↗5,355
पिछला12अगला
  1. Home
  2. User Interface & Experience
  3. Layout Management
  4. Component Layout Containers

सब-टैग एक्सप्लोर करें

  • CSS-Driven Layout Containers3 सब-टैग्सContainers 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 सब-टैग्सPredefined 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.