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

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektMCP-ServerÜber unsRanking-MethodikPresse
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

6 Repos

Awesome GitHub RepositoriesCSS-Driven Layout Containers

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.

Explore 6 awesome GitHub repositories matching user interface & experience · CSS-Driven Layout Containers. Refine with filters or upvote what's useful.

Awesome CSS-Driven Layout Containers GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • coolwanglu/pdf2htmlexAvatar von coolwanglu

    coolwanglu/pdf2htmlEX

    10,603Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗10,603
  • nathancahill/splitAvatar von nathancahill

    nathancahill/split

    6,278Auf GitHub ansehen↗

    Unopinionated utilities for resizeable split views

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

    JavaScriptcssflexboxsplit
    Auf GitHub ansehen↗6,278
  • imakewebthings/deck.jsAvatar von imakewebthings

    imakewebthings/deck.js

    5,422Auf GitHub ansehen↗

    deck.js ist ein HTML-Präsentations-Framework und Slide-Generator, der verwendet wird, um strukturierte digitale Diashows zu erstellen. Es wandelt Webtechnologien und Standard-HTML-Elemente in ein sequenziertes Präsentationsformat für die browserbasierte Bereitstellung um. Das System enthält ein dediziertes Utility zur Generierung druckbarer Präsentations-Handouts, das digitale Folien in ein vereinfachtes Schwarz-Weiß-Format für die physische Verteilung konvertiert.

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

    JavaScript
    Auf GitHub ansehen↗5,422
  • lc-soft/lcuiAvatar von lc-soft

    lc-soft/LCUI

    4,300Auf GitHub ansehen↗

    LCUI is a component-based, cross-platform UI toolkit for building desktop applications using C, TypeScript, and JSX. It provides a declarative UI compiler that transforms JSX and TypeScript markup into native C code, enabling developers to construct interfaces without a browser runtime. The library includes a CSS styling engine that applies standard CSS rules to layout and style native desktop components, and supports component composition with state management and event binding. The toolkit distinguishes itself by combining web development patterns with native desktop rendering, allowing dev

    Positions and aligns components using flow or flexbox layouts controlled by CSS display properties.

    Cccross-platform-guigui-framework
    Auf GitHub ansehen↗4,300
  • sehmaschine/django-grappelliAvatar von sehmaschine

    sehmaschine/django-grappelli

    3,933Auf GitHub ansehen↗

    django-grappelli ist ein visuelles und funktionales Framework für die Administrationsoberfläche, das ein rasterbasiertes Theme, ein UI-Kit und ein anpassbares Dashboard für die Startseite bietet. Es ersetzt die Standard-Administrationsoberfläche durch ein strukturiertes Layout, das darauf ausgelegt ist, Modellformulare und Changelists zu organisieren. Das Projekt zeichnet sich durch spezifische Oberflächenverbesserungen aus, wie etwa Autocomplete-Lookups für relationale Felder, Rich-Text-Editor-Integration und die Möglichkeit, Inline-Modellzeilen per Drag-and-Drop neu anzuordnen. Es enthält zudem einen Kontext-Switching-Mechanismus, der es Administratoren ermöglicht, andere Benutzer zu imitieren, um Berechtigungsstufen zu verifizieren. Im Großen und Ganzen deckt das Toolkit das administrative Layout-Management mit einklappbaren Fieldsets, Dashboard-Organisation mit RSS-Feeds und Anwendungs-Shortcuts sowie angepasstes Template-Rendering für Modelllisten ab. Es bietet zudem Utilities zur Verfolgung kürzlicher Benutzeraktivitäten und zur Normalisierung des Renderings von Eingabefeldern.

    Uses CSS classes to control the visibility of fieldsets and containers for collapsible content.

    HTML
    Auf GitHub ansehen↗3,933
  • excid3/tailwindcss-stimulus-componentsAvatar von excid3

    excid3/tailwindcss-stimulus-components

    1,516Auf GitHub ansehen↗

    This project is a collection of pre-built, reusable interface components designed for web applications that utilize StimulusJS and TailwindCSS. It functions as a frontend interaction framework, providing a set of standard UI elements that manage state and user behavior through declarative controller patterns. The library distinguishes itself by integrating utility-first styling with accessible component authoring. It leverages HTML attributes to bind JavaScript logic directly to DOM elements, enabling developers to implement complex interactions like modals, dropdowns, and tabbed content with

    Toggles the visibility of page content by dynamically applying CSS classes based on user interaction.

    JavaScripthacktoberfeststimulusjstailwindcss
    Auf GitHub ansehen↗1,516
  1. Home
  2. User Interface & Experience
  3. Layout Management
  4. Component Layout Containers
  5. CSS-Driven Layout Containers

Unter-Tags erkunden

  • PDF Layout ReplicatorsUses CSS positioning, font embedding, and writing-mode properties to replicate PDF layout and text flow in the browser. **Distinct from CSS-Driven Layout Containers:** Distinct from CSS-Driven Layout Containers: focuses on replicating exact PDF page geometry rather than general web component layout.
  • Resizable Panel SizingComputes new panel dimensions during drag and applies them directly as CSS properties to avoid runtime layout recalculations. **Distinct from CSS-Driven Layout Containers:** Distinct from CSS-Driven Layout Containers: focuses on dynamic resizing of panels via CSS property updates, not static container positioning.
  • Visibility TogglesUI components that use CSS classes to hide or show content blocks. **Distinct from CSS-Driven Layout Containers:** Specifically handles the toggling of visibility (collapsing/expanding) rather than general layout positioning.