7 Repos
Rendering of structured tabular grids using DOM elements for precise alignment of dates and times.
Distinct from DOM-Based Rendering: Focuses on the structural layout of a time grid rather than just rendering text as DOM elements.
Explore 7 awesome GitHub repositories matching user interface & experience · Grid Layout Rendering. Refine with filters or upvote what's useful.
FullCalendar is a framework-agnostic UI library and JavaScript calendar component designed for building interactive event scheduling interfaces. It provides tools for managing time-based data, including an integrated iCal feed parser for importing external calendar files and recurring schedules into a unified web view. The library features a system for event scheduling and management, enabling users to reschedule entries via drag-and-drop, adjust event durations by resizing, and highlight specific time ranges for selection. It supports multiple date views, such as month, week, day, and list f
Generates a dynamic HTML table structure to render a precise grid of dates and times.
Beautiful Web Type is a curated directory and interactive preview tool for open-source, SIL-licensed typefaces, designed to help web designers discover, evaluate, and select fonts for their projects. It serves as a central hub where each typeface is presented with a full specimen gallery, weight and style comparisons, and clear licensing information, all rendered as a static site for fast loading. The project distinguishes itself through its comprehensive in-browser inspection capabilities, allowing designers to explore OpenType features like ligatures and alternate glyphs with live before-an
Renders complete glyph repertoires in a CSS grid layout for quick visual scanning.
css-doodle is a web component for creative coding that renders live CSS-generated patterns and animations directly in the browser. It creates generative art and visual patterns by applying CSS rules to a grid of cells, using the browser's native layout engine for positioning and styling. The component encapsulates its pattern canvas and styling within a custom element's shadow DOM, isolating it from page styles and enabling reusable instances. The tool distinguishes itself by driving pattern configuration through CSS custom properties, allowing dynamic style changes and real-time updates with
Renders generative art patterns by applying CSS rules to a grid of cells using the browser's native layout engine.
Diese Bibliothek ist eine React-Komponente für das Rendering von Hochleistungs-Datengittern. Sie bietet ein strukturiertes Framework zur Anzeige großer Datensätze durch die Nutzung von Fenster-basierter Zeilen-Virtualisierung, die sicherstellt, dass nur der sichtbare Teil der Daten im Document Object Model (DOM) gerendert wird. Die Komponente zeichnet sich durch fortschrittliche Layout- und Navigationsfunktionen aus, einschließlich nativer Unterstützung für Sticky-Header und Spalten, die beim Scrollen verankert bleiben. Entwickler können imperative Kontrolle über den Tabellen-Viewport ausüben, um zu bestimmten Indizes oder Pixel-Offsets zu navigieren, während komplexe Grid-Zustände wie Spaltensichtbarkeit, Sortierung und Zeilenerweiterung über eine zentrale Konfiguration verwaltet werden. Die Bibliothek unterstützt eine breite Palette interaktiver Funktionen, einschließlich benutzerdefiniertem Zell-Rendering, Spalten-Pinning und der Möglichkeit, Zusammenfassungszeilen für aggregierte Daten anzuhängen. Sie verarbeitet dichte Informationssätze durch flexible Spaltenausrichtung, Breitensteuerung und Textkürzung, was die Erstellung interaktiver Tabellen ermöglicht, die auf Benutzerereignisse wie Klicks und Hover reagieren.
The library presents structured information in a grid format with support for custom column definitions, cell rendering, and flexible layout configurations to suit various data types.
This project is a data grid library designed for building complex, interactive tables within React applications. It provides a suite of modular components that enable the display of structured information, supporting both custom cell rendering and flexible column configurations to accommodate diverse data presentation needs. The library is built to handle large datasets by utilizing virtualized rendering, which ensures high performance by only processing the subset of rows currently visible within the viewport. It distinguishes itself through support for dynamic row heights and programmatic s
Provides a collection of modular components for building complex, interactive tables with resizable columns and custom cell rendering.
Diese Bibliothek ist eine leistungsstarke Datengrid-Komponente für React-Anwendungen, die für die Verwaltung und Anzeige großer Datensätze konzipiert ist. Sie bietet ein deklaratives Konfigurationssystem, das es Entwicklern erlaubt, Tabellenstrukturen, Datenquellen und Feature-Toggles über ein strukturiertes Objektschema zu definieren. Die Bibliothek zeichnet sich durch eine flexible Layout-Engine aus, die komplexe UI-Anforderungen unterstützt, wie das Anheften von Headern und spezifischen Spalten an Viewport-Ränder während des Scrollens. Sie nutzt virtualisiertes Rendering, um die Interface-Reaktionsfähigkeit zu wahren, indem nur die sichtbare Teilmenge der Daten angezeigt wird, was eine konsistente Leistung unabhängig von der Gesamtzahl der Elemente sicherstellt. Über ihre Kern-Layout- und Leistungsfunktionen hinaus bietet das Projekt umfangreiche Anpassungsoptionen. Entwickler können benutzerdefinierte React-Komponenten injizieren, um das Erscheinungsbild und Verhalten einzelner Zellen zu definieren, und visuelle Stile über Scoped-CSS-Variablen anwenden, was eine maßgeschneiderte Datenpräsentation ohne Modifikation der internen Komponentenlogik ermöglicht.
Offers a high-performance React table component with virtual scrolling and custom cell rendering.
Dieses Projekt ist eine hochperformante Data-Grid-Komponente für React-Anwendungen. Es bietet ein deklaratives Framework zum Rendern umfangreicher Datensätze und komplexer tabellarischer Strukturen, indem es eine Canvas-basierte Rendering-Engine anstelle herkömmlicher DOM-Knoten verwendet. Die Bibliothek zeichnet sich durch eine Windowed-Virtualization-Engine aus, die den Speicherverbrauch konstant hält, indem nur der sichtbare Teil des Grids gerendert wird. Sie übersetzt Pointer-Interaktionen durch koordinatenbasiertes Mapping in spezifische Zellreferenzen und unterstützt die Injektion von externem Applikations-State und Themes direkt in die Canvas-Umgebung, um einen konsistenten Datenzugriff über benutzerdefinierte Zell-Renderer hinweg zu gewährleisten. Das Grid unterstützt komplexe Layout-Konfigurationen, einschließlich fixierter Zeilen und Spalten, verbundener Zellen und in der Größe anpassbarer Header. Zudem bietet es Tools zur Organisation von Informationen in hierarchischen, baumbasierten Strukturen, um verschachtelte Datenbeziehungen abzubilden. Die Bibliothek wird als Set von React-Primitives bereitgestellt, die sich in bestehende Webanwendungen integrieren lassen, um den Scroll-Status und das Layout-Reconciliation für komplexe Daten-Interfaces zu verwalten.
Ships a high-performance virtualized data grid component designed for React applications.