Awesome GitHub RepositoriesData Visualization Libraries

use-gesture is a JavaScript gesture manager and interaction tool designed to detect and process user input patterns. It functions as a React gesture hook library and a general utility for tracking screen coordinates and movement patterns to drive interactive component behaviors. The library specializes in capturing complex mouse and touch interactions, including dragging, pinching, swiping, and scrolling. It provides a system for implementing drag and drop functionality and pinch-to-zoom interactions. The tool covers the development of interactive UI components by normalizing diverse input e

Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples behavioral logic and state management from the visual layer, allowing developers to implement complex UI patterns while maintaining total control over the final styling. The library implements WAI-ARIA design patterns to ensure all primitives support standard keyboard navigation and screen reader accessibility. It provides a suite of low-level building blocks that handle the internal mechanics of interface elements without bundling any CSS. The framework covers a broad range

Rebass is a React design system library that provides a collection of theme-driven, responsive UI primitives. It functions as a theme-based layout engine, using a set of stateless components to standardize spacing, typography, and colors across a user interface. The library distinguishes itself by mapping style properties to a central design theme through a styled-system approach. This allows for responsive style mapping where components automatically adapt their appearance based on screen size and provides the ability to swap underlying HTML elements while preserving styling logic to maintai

Este proyecto es un sistema de componentes y utilidades para gestionar diseños de vista dividida (split-view) en aplicaciones de React. Proporciona un sistema de paneles redimensionables que organiza el contenido en áreas horizontales y verticales con límites arrastrables. El sistema incluye una herramienta de diseño de interfaz de usuario plegable para alternar la visibilidad de los paneles y maximizar el espacio de pantalla disponible. Admite el anidamiento recursivo de paneles, permitiendo que los diseños se estructuren como árboles donde los paneles contienen grupos adicionales de paneles redimensionables. La biblioteca cubre la construcción de diseños mediante el uso de restricciones de dimensión de panel, permitiendo la definición de tamaños mínimos y máximos. Gestiona la partición dinámica de la ventana gráfica y proporciona mecanismos para construir cuadrículas ajustables y áreas de contenido.

Este proyecto es una plantilla de página de aterrizaje de Next.js y kit de UI de React diseñado para mostrar productos de software y proyectos de código abierto. Sirve como una base de sitio web de marketing profesional y un boilerplate de sitio web con Tailwind CSS para construir interfaces web modernas. El framework proporciona layouts y componentes especializados para escaparates de proyectos de código abierto, páginas de aterrizaje SaaS y paneles de administración. Incluye una colección de componentes responsivos y utilidades de estilo que permiten la personalización del diseño visual de colores, fuentes y layouts. La superficie de capacidad cubre una variedad de elementos de UI, incluyendo animaciones basadas en scroll, gráficos de visualización de datos, componentes interactivos y carruseles de contenido. La arquitectura admite renderizado del lado del servidor, enrutamiento basado en archivos y una tubería de contenido basada en markdown para desacoplar el contenido de la lógica de la aplicación.

Este proyecto es una librería de componentes de UI para React y un kit de UI frontend diseñado para proporcionar una colección de elementos de interfaz de usuario pre-estilizados. Sirve como un framework de sistema de diseño, ofreciendo patrones visuales estandarizados para garantizar una apariencia cohesiva en diferentes pantallas. La librería se centra en la implementación de sistemas de diseño y la arquitectura de componentes frontend, permitiendo la creación de sitios web y aplicaciones modernas. Se integra directamente en el flujo de trabajo de una aplicación React para acelerar el desarrollo de layouts web complejos. El sistema utiliza una abstracción basada en componentes y un diseño composicional para construir elementos de interfaz reutilizables. Incorpora un motor de temas de variables CSS y estilos utility-first para mantener una escala de diseño y un sistema visual consistentes, empleando definiciones de tipo TypeScript para la seguridad de las props.

Gestalt is a type-safe React UI component library and design system. It provides a collection of reusable interface elements and design tokens that follow international accessibility standards to ensure usability for people with diverse needs. The framework includes a responsive web layout system with defined breakpoints and grid containers that adapt interfaces for desktop, mobile, and tablet devices. It features an internationalized component suite that supports multiple languages, regional color schemes, and right-to-left text orientations. The library covers a broad range of interface ca

ring-ui is a web UI component library used to build consistent web applications through a shared set of reusable interface elements and standardized styles. It provides a foundation for web interface development, specifically supporting the creation of visual experiences for software extensions and plugins. The library includes a grid-based layout system for organizing screen content and maintaining responsiveness across different window sizes. It features a CSS variable theming system for applying consistent visual identities, a data table framework for rendering large datasets, and a form i

React components and demo for the Tabler UI theme.

A collection of essential UI components written with React.

React components for easier customization and smooth development flow.

React Provider Component to add a smooth scroll effect 😍