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

Dieses Projekt ist ein System von Komponenten und Utilities zur Verwaltung von Split-View-Layouts in React-Anwendungen. Es bietet ein System für in der Größe veränderbare Panels, das Inhalte in horizontalen und vertikalen Bereichen mit verschiebbaren Grenzen organisiert. Das System enthält ein einklappbares UI-Layout-Tool zum Umschalten der Sichtbarkeit von Panels, um den verfügbaren Bildschirmplatz zu maximieren. Es unterstützt rekursive Panel-Verschachtelung, wodurch Layouts als Bäume strukturiert werden können, in denen Panels weitere Gruppen von in der Größe veränderbaren Panels enthalten. Die Bibliothek deckt die Layout-Konstruktion durch die Verwendung von Panel-Dimensions-Constraints ab, was die Definition von Mindest- und Maximalgrößen ermöglicht. Sie verwaltet dynamische Viewport-Partitionierung und bietet Mechanismen zum Aufbau anpassbarer Raster und Inhaltsbereiche.

This project is a Next.js landing page template and React UI kit designed for showcasing software products and open source projects. It serves as a professional marketing website foundation and a Tailwind CSS website boilerplate for building modern web interfaces. The framework provides specialized layouts and components for open source project showcases, SaaS landing pages, and admin dashboards. It includes a collection of responsive components and styling utilities that allow for visual design customization of colors, fonts, and layouts. The capability surface covers a variety of UI elemen

Dieses Projekt ist eine React-UI-Komponentenbibliothek und ein Frontend-UI-Kit, das darauf ausgelegt ist, eine Sammlung vorgestylter Benutzeroberflächenelemente bereitzustellen. Es dient als Design-System-Framework und bietet standardisierte visuelle Muster, um ein einheitliches Erscheinungsbild über verschiedene Bildschirme hinweg zu gewährleisten. Die Bibliothek konzentriert sich auf die Implementierung von Design-Systemen und Frontend-Komponentenarchitektur, was die Erstellung moderner Websites und Anwendungen ermöglicht. Sie integriert sich direkt in einen React-Anwendungs-Workflow, um die Entwicklung komplexer Web-Layouts zu beschleunigen. Das System nutzt eine komponentenbasierte Abstraktion und kompositionelles Design, um wiederverwendbare Schnittstellenelemente zu erstellen. Es integriert eine CSS-Variablen-Theme-Engine und Utility-First-Styling, um eine konsistente Designskala und ein visuelles System beizubehalten, während TypeScript-Typdefinitionen für Prop-Sicherheit verwendet werden.

Gestalt ist eine typsichere React-UI-Komponentenbibliothek und ein Designsystem. Es bietet eine Sammlung wiederverwendbarer Schnittstellenelemente und Design-Tokens, die internationalen Barrierefreiheitsstandards folgen, um die Nutzbarkeit für Menschen mit unterschiedlichen Bedürfnissen sicherzustellen. Das Framework enthält ein responsives Web-Layout-System mit definierten Breakpoints und Grid-Containern, die Schnittstellen für Desktop-, Mobil- und Tablet-Geräte anpassen. Es verfügt über eine internationalisierte Komponentensuite, die mehrere Sprachen, regionale Farbschemata und Textausrichtungen von rechts nach links unterstützt. Die Bibliothek deckt ein breites Spektrum an Schnittstellenfunktionen ab, einschließlich flexibler Grid- und Masonry-Anzeigen mit Virtualisierung für Hochleistungs-Rendering, umfassender Formularelemente und Navigationssysteme. Sie bietet zudem Tools für die Kommunikation des Systemstatus durch Warnungen und Banner, kontextbezogene Overlays wie Modals und Popovers sowie barrierefreie Datenvisualisierungen für Metriken und Trends. Das System verwendet offizielle TypeScript-Deklarationen, um die Datenintegrität sicherzustellen und Laufzeitfehler während der Entwicklung zu verhindern.

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 😍