17 repositorios
Styling utilities for data tables.
Distinguishing note: Focuses on table-specific layout and readability enhancements.
Explore 17 awesome GitHub repositories matching user interface & experience · Table Components. Refine with filters or upvote what's useful.
Bulma is a design-agnostic CSS framework that provides a collection of pre-styled interface components and layout primitives. It is built to be independent of specific JavaScript frameworks or build tools, allowing developers to construct responsive web interfaces by applying standardized classes directly to semantic HTML markup. The framework distinguishes itself through a utility-first approach that combines modular component styling with a flexible grid system. It leverages native CSS variables to manage design tokens, enabling real-time visual customization, automatic dark mode adaptation
Provides utilities to improve data readability by applying consistent spacing, borders, and striped row modifiers to tables.
Filament is a full-stack framework for building administrative panels and management interfaces within the Laravel ecosystem. It provides a declarative, component-based architecture that allows developers to construct complex, data-driven applications using server-side configuration objects rather than manual HTML. By inspecting database model structures and relationships, the framework automates the generation of CRUD interfaces, forms, and data tables, significantly reducing boilerplate code. The project distinguishes itself through a highly modular and extensible design that supports custo
Configures responsive table displays by stacking cells on mobile devices or arranging records into custom grid patterns.
ChartDB is a database schema visualizer and entity-relationship diagramming platform designed to help developers understand, design, and document complex data architectures. It functions as a visual workspace where users can create and modify database schemas, define table attributes, and map foreign key relationships. By parsing database metadata or SQL scripts, the tool generates interactive diagrams that provide a clear overview of structural interdependencies and data associations. The platform distinguishes itself through its focus on automated documentation and schema synchronization. I
The tool allows users to apply specific colors to individual tables to visually group related entities or highlight key components within a complex schema.
Wagtail is an open-source content management system built on the Django web framework. It provides a structured, tree-based approach to content modeling, allowing developers to define custom page types and reusable content components that are managed through a highly customizable administrative interface. The platform distinguishes itself through its flexible, block-based content composition system, which enables editors to assemble complex page layouts dynamically. It also offers robust support for multi-site and multi-lingual environments, allowing organizations to manage distinct websites
Provides flexible table components for content pages that support nested block types within cells.
Pico is a lightweight, classless CSS framework designed to provide consistent, accessible, and responsive visual defaults for web interfaces. By prioritizing semantic HTML tags, it allows developers to build clean, structured pages without the need for complex class names or heavy dependencies. The framework functions as a comprehensive design system that automatically applies styling to standard elements, ensuring that typography, spacing, and layout remain cohesive across different screen sizes. The framework distinguishes itself through a modular, variable-driven architecture that emphasiz
Applies consistent spacing and clean visual formatting to standard data tables.
Bootstrap Table is a jQuery plugin for rendering interactive data grids with sorting, pagination, and filtering. It features a remote data integration system for fetching and synchronizing content from JSON endpoints using AJAX and server-side processing. The project includes a styling layer that adapts markup to work with various CSS frameworks, such as Bootstrap, Semantic UI, Bulma, and Material Design. It provides specialized rendering modes, including a hierarchical tree grid for parent-child row relationships and a responsive card-view table that transforms grids into mobile-friendly lay
Transforms traditional data grids into mobile-friendly card layouts based on the viewport width.
FTXUI is a C++ terminal user interface library and cross-platform console framework used for building interactive command line applications. It functions as a declarative terminal layout engine and a component-based UI toolkit that enables the creation of responsive interfaces. The library is distinguished by its terminal graphics and animation capabilities, allowing for the rendering of custom shapes, data plots, and smooth visual transitions using easing functions. It provides a comprehensive set of interactive widgets and a layout system utilizing flexbox and grid containers that adapt to
Organizes content into aligned paragraphs and styled data tables for clear display.
DataTables is a feature-rich HTML table library that transforms static HTML tables into interactive data grids with sorting, paging, filtering, and server-side processing support. It provides a client-side rendering engine that handles table rows, pagination, and sorting entirely in the browser, while also offering a server-side processing pipeline that offloads sorting, filtering, and paging operations to a backend for efficient handling of large datasets. The library distinguishes itself through its plugin-based extension system, which allows custom functions and widgets to modify table beh
Automatically reflows table layout to fit mobile, tablet, and desktop viewports.
Polaris React is a production-ready component library that implements Shopify's Polaris design system for building consistent merchant-facing admin interfaces. It provides a comprehensive set of reusable React components, including accessible form inputs, data display elements, layout and navigation structures, and visual feedback indicators, all styled through a semantic color token system applied via CSS custom properties for dynamic light and dark mode support. The library distinguishes itself with an icon-first visual language featuring over 400 commerce-specific SVG icons delivered as fi
Ships an index table component for displaying and navigating collections of objects at a glance.
Este proyecto es un tema visual minimalista y un framework CSS personalizable para Obsidian. Funciona como un motor de diseño markdown y una interfaz de usuario adaptativa, diseñada para eliminar el desorden visual y crear un entorno de escritura libre de distracciones. El tema se distingue por sus transformaciones de diseño que convierten tablas y listas estándar de markdown en cuadrículas basadas en tarjetas y galerías visuales. Proporciona un sistema para transformar datos estructurados en representaciones visuales escaneables y organiza imágenes consecutivas en cuadrículas por columnas. El framework cubre una personalización estética integral de la interfaz, incluyendo tipografía, colores y grosores de línea. Incluye capacidades para escalado responsivo en dispositivos móviles y de escritorio, estilos personalizados para casillas de verificación de tareas y filtros visuales para imágenes.
Transforms standard markdown tables and lists into scannable, card-based visual layouts.
Este proyecto es una plantilla administrativa basada en React y un kit de UI diseñado para construir paneles. Proporciona una colección completa de diseños con estilo previo, una biblioteca de componentes accesible y un framework de UI basado en Sass para crear interfaces administrativas. La plantilla está estructurada específicamente como un proyecto optimizado para IA, utilizando patrones de codificación y organización diseñados para ayudar a los asistentes de IA a generar código React consistente y listo para producción. Cuenta con un sistema de estilos flexible que utiliza variables Sass y propiedades personalizadas de CSS para admitir temas claros y oscuros personalizables. El kit cubre una amplia gama de capacidades de interfaz, incluyendo widgets de visualización de datos, tablas interactivas con ordenamiento y paginación, y elementos de formulario complejos como asistentes de varios pasos. Incluye sistemas de navegación de alto nivel como barras laterales y rutas de navegación, así como componentes estructurales como cuadrículas receptivas, diálogos modales e interfaces de calendario accesibles.
Wraps table content in horizontally scrollable containers to prevent layout overflow on small screens.
This project is a neobrutalist UI component library and accessible design system for React. It provides a collection of high-contrast web elements characterized by bold colors, thick borders, and a raw aesthetic. The library distinguishes itself by combining a data visualization toolkit—featuring styled charts and responsive tables—with a comprehensive set of interactive components. It balances this specific visual style with accessibility standards for keyboard navigation and screen readers. The component surface covers a wide range of functional areas, including complex form controls with
Provides tables with responsive layouts that adapt their display based on screen size.
Este proyecto es un rastreador de competiciones académicas y repositorio de métricas que proporciona tasas históricas de envío y aceptación para las principales conferencias de investigación en inteligencia artificial. Sirve como un conjunto de datos de estadísticas de conferencias de IA para monitorear las tendencias de la competencia en investigación. El repositorio permite el seguimiento de las tasas de aceptación de conferencias para analizar datos históricos, evaluar la competitividad de las publicaciones y monitorear el crecimiento interanual en los volúmenes de envío en los foros de aprendizaje automático. El proyecto se implementa como un sitio estático que utiliza almacenamiento de datos basado en Markdown y análisis basado en esquemas para renderizar tablas de datos responsivas.
Implements responsive table containers that ensure conference data remains usable on smaller screens.
dcat-admin is a Laravel admin panel framework used to rapidly build data-driven administration interfaces. It functions as a CRUD generator and backend scaffolding tool that automatically produces create, read, update, and delete interfaces based on database table schemas. The system distinguishes itself through a plugin-based extension architecture and the ability to run multiple independent administrative instances within a single installation. It provides specialized tools for mapping external APIs to forms and tables, as well as an event-driven form lifecycle for executing custom logic du
Provides responsive data tables that adapt to screen size and include bulk selection capabilities via checkboxes.
Picnic is a classless CSS framework and styling library that applies visual themes directly to native HTML elements. It functions as a CSS-only UI library, providing a responsive layout system and a design system that creates consistent interfaces without the need for custom utility classes. The project distinguishes itself by implementing JavaScript-free interactivity. It uses CSS selectors and pseudo-classes to manage state and visibility for interactive components such as modals, tabs, and tooltips, removing the requirement for external scripts to handle basic UI logic. The framework incl
Implements a formatting system to ensure data tables remain readable across various screen sizes.
React Base Table es una librería de componentes de interfaz reutilizables diseñados para construir grids de datos complejos y responsivos dentro de aplicaciones web. Proporciona una base de alto rendimiento para renderizar grandes datasets utilizando virtualización de filas basada en ventanas, lo que asegura que la interfaz de usuario permanezca responsiva incluso al mostrar extensas colecciones de datos. La librería se distingue por capacidades flexibles de diseño y navegación, incluyendo soporte para estructuras de datos jerárquicas que pueden renderizarse como filas de árbol expandibles. Permite un control preciso sobre la geometría de la tabla mediante el dimensionamiento proporcional de columnas y el seguimiento automático de contenedores, mientras permite a los usuarios fijar columnas específicas en los bordes del viewport para mantener la visibilidad durante el desplazamiento horizontal. Los desarrolladores pueden crear visualizaciones de datos altamente personalizadas inyectando componentes personalizados directamente en las celdas de la tabla y aplicando anulaciones de estilo para cumplir con requisitos de diseño específicos. El sistema se ajusta automáticamente a los cambios en el tamaño del contenedor padre, asegurando que el diseño de la tabla permanezca consistente en diferentes dimensiones de pantalla y configuraciones de interfaz.
Updates table dimensions automatically in response to parent container size changes.
Esta librería es un componente de rejilla de datos de alto rendimiento para aplicaciones React, diseñado para gestionar y mostrar grandes conjuntos de datos. Proporciona un sistema de configuración declarativo que permite a los desarrolladores definir estructuras de tablas, fuentes de datos y conmutadores de funciones a través de un esquema de objetos estructurado. La librería se distingue por un motor de diseño flexible que admite requisitos de interfaz de usuario complejos, como fijar encabezados y columnas específicas a los bordes del viewport durante el desplazamiento. Utiliza renderizado virtualizado para mantener la capacidad de respuesta de la interfaz mostrando solo el subconjunto visible de datos, asegurando un rendimiento consistente independientemente del recuento total de elementos. Más allá de sus capacidades principales de diseño y rendimiento, el proyecto ofrece amplias opciones de personalización. Los desarrolladores pueden inyectar componentes React personalizados para definir la apariencia y el comportamiento de celdas individuales y aplicar estilos visuales a través de variables CSS con alcance, lo que permite una presentación de datos personalizada sin modificar la lógica interna del componente.
Provides a highly customizable table component design for tailored data presentation.