6 Repos
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.
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.
Unopinionated utilities for resizeable split views
Provides CSS-driven panel resizing that computes dimensions during drag and applies them via inline styles.
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.
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.
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.
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.