8 रिपॉजिटरी
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 8 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.
This project is a feature-rich data grid component designed for Vue applications. It provides a flexible interface for rendering, managing, and manipulating structured information, offering built-in support for essential tabular operations such as sorting, filtering, pagination, and row selection. The library distinguishes itself through its highly extensible architecture, which allows developers to override default rendering for cells, headers, and pagination controls using scoped slots. It supports complex data workflows by enabling hierarchical organization through collapsible row grouping
Renders structured information in a grid format with support for sorting, filtering, and pagination to help users navigate large datasets.
This library is a React component designed for rendering high-performance data grids. It provides a structured framework for displaying large datasets by utilizing window-based row virtualization, which ensures that only the visible portion of the data is rendered to the document object model. The component distinguishes itself through advanced layout and navigation capabilities, including native support for sticky headers and columns that remain anchored during scrolling. Developers can exercise imperative control over the table viewport to navigate to specific indices or pixel offsets, whil
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.
This library is a high-performance data grid component for React applications, designed to manage and display large datasets. It provides a declarative configuration system that allows developers to define table structures, data sources, and feature toggles through a structured object schema. The library distinguishes itself through a flexible layout engine that supports complex UI requirements, such as pinning headers and specific columns to viewport edges during scrolling. It utilizes virtualized rendering to maintain interface responsiveness by displaying only the visible subset of data, e
Offers a high-performance React table component with virtual scrolling and custom cell rendering.
यह प्रोजेक्ट React एप्लिकेशन के लिए एक हाई-परफॉर्मेंस डेटा ग्रिड कंपोनेंट है। यह पारंपरिक डॉक्यूमेंट ऑब्जेक्ट मॉडल (DOM) नोड्स के बजाय कैनवास-आधारित ड्राइंग इंजन का उपयोग करके बड़े पैमाने के डेटासेट और जटिल टेबल स्ट्रक्चर्स को रेंडर करने के लिए एक डिक्लेरेटिव फ्रेमवर्क प्रदान करता है। यह लाइब्रेरी अपने विंडो-आधारित वर्चुअलाइजेशन इंजन के कारण अलग है, जो केवल ग्रिड के दृश्यमान हिस्से को रेंडर करके निरंतर मेमोरी उपयोग बनाए रखता है। यह पॉइंटर इंटरैक्शन को कोऑर्डिनेट-आधारित मैपिंग के माध्यम से विशिष्ट सेल रेफरेंस में अनुवादित करता है और कस्टम सेल रेंडरर्स में निरंतर डेटा एक्सेस सुनिश्चित करने के लिए बाहरी एप्लिकेशन स्टेट और थीम्स को सीधे कैनवास एनवायरनमेंट में इंजेक्ट करने का समर्थन करता है। यह ग्रिड फ्रोजन रोज़ और कॉलम्स, मर्ज किए गए सेल्स और रिसाइज़ेबल हेडर्स सहित परिष्कृत लेआउट कॉन्फ़िगरेशन को सपोर्ट करता है। यह नेस्टेड डेटा संबंधों का प्रतिनिधित्व करने के लिए जानकारी को पदानुक्रमित, ट्री-आधारित संरचनाओं में व्यवस्थित करने के लिए टूल्स भी प्रदान करता है। यह लाइब्रेरी React प्रिमिटिव्स के एक सेट के रूप में वितरित की जाती है जो जटिल डेटा इंटरफेस के लिए स्क्रॉल स्टेट और लेआउट रिकॉन्सिलिएशन को मैनेज करने के लिए मौजूदा वेब एप्लिकेशन में इंटीग्रेट हो जाती है।
Ships a high-performance virtualized data grid component designed for React applications.