Awesome GitHub RepositoriesComponent Input Controls

GrapesJS is a modular, web-based visual editor framework designed for building drag-and-drop page builders and custom content management interfaces. It functions as a structural engine that manages hierarchical document models, allowing developers to create reusable design blocks and complex page compositions. By providing a schema-driven approach to UI configuration, the framework enables the construction of design environments where users can assemble layouts and manage component properties visually without writing raw code. The project distinguishes itself through a highly extensible, plug

gpui-component is a native desktop UI kit and component library built for the GPUI framework. It provides a collection of reusable user interface elements, a desktop layout engine for organizing application space, and a specialized data visualization library for rendering quantitative information. The project is distinguished by its high-performance rendering systems, including a virtualized data grid and list system designed to handle large datasets with low memory overhead. It also features a comprehensive data visualization toolkit for rendering charts, axes, and coordinate scales using li

rsuite is a React UI component library and enterprise design system used to build professional web interfaces. It functions as a themable component suite and localized UI toolkit, providing the necessary tools for developing data-heavy administrative dashboards and internal applications. The library is distinguished by its built-in support for server-side rendering to improve initial page load speeds and search engine visibility. It includes a global provider for managing consistent visual styles and high-contrast modes, alongside a translation layer for interface localization and date format

Unstated is a React state management library that encapsulates application state and update logic within decoupled containers. It functions as a container-based state store, allowing state and business logic to be organized into standalone classes that trigger component re-renders when data changes. The project serves as a dependency injection framework, enabling specific state container instances to be supplied to the component tree. This mechanism supports the use of mock containers or stubs to facilitate controlled testing and custom configurations. The library covers global state managem

This project provides high-performance list components for React Native that utilize a view-recycling rendering engine. It is designed to display large datasets by reusing existing components instead of destroying and recreating them, which reduces memory usage and prevents blank cells during fast scrolling. The library distinguishes itself through a specialized virtualized list manager and support for masonry grid layouts, which allow for multiple columns with varying item heights. It includes a type-based recycling system that ensures the correct component structure is reused for specific d

Tweakpane es un panel de control GUI web y depurador de parámetros en JavaScript utilizado para inspeccionar el estado del frontend y monitorear cambios de variables en tiempo real. Proporciona una interfaz gráfica para ajustar parámetros de la aplicación y rastrear valores a medida que cambian durante la ejecución del programa. El proyecto permite la creación de entradas interactivas y monitores de valores de solo lectura que se vinculan directamente a variables de datos. Organiza estos controles a través de un diseño jerárquico de carpetas y pestañas, y soporta la serialización de configuraciones del panel de control y estados de parámetros en archivos JSON para su persistencia. La herramienta cubre el ajuste de parámetros en tiempo real, el monitoreo del estado de la aplicación y el desarrollo de paneles de control estructurados.

Este proyecto es una biblioteca de UI de arrastrar y soltar y un componente de Vue 3 para implementar listas ordenables e interfaces sincronizadas con el estado. Actúa como un envoltorio para la biblioteca Sortable.js, proporcionando un componente de lista sincronizado con el estado que actualiza automáticamente el array de datos subyacente cuando los elementos se reordenan o mueven. La biblioteca soporta interfaces arrastrables anidadas y organización jerárquica de datos, permitiendo que los contenedores arrastrables se aniden dentro de otros elementos móviles para crear estructuras de múltiples niveles. También permite la transferencia de datos entre múltiples columnas, permitiendo que los elementos se muevan o clonen entre diferentes contenedores arrastrables. Las capacidades adicionales incluyen el uso de manejadores de interacción restringidos para iniciar el movimiento y la capacidad de incrustar contenido estático no móvil dentro de una lista arrastrable. El sistema rastrea los ciclos de vida de los eventos de arrastre para activar callbacks cuando los elementos se añaden, eliminan o reposicionan.