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

Ce projet est un système de composants et d'utilitaires pour gérer les mises en page en vue fractionnée dans les applications React. Il fournit un système de panneaux redimensionnables qui organise le contenu en zones horizontales et verticales avec des bordures déplaçables. Le système inclut un outil de mise en page UI pliable pour basculer la visibilité des panneaux afin de maximiser l'espace d'écran disponible. Il prend en charge l'imbrication récursive de panneaux, permettant aux mises en page d'être structurées comme des arbres où les panneaux contiennent d'autres groupes de panneaux redimensionnables. La bibliothèque couvre la construction de mise en page via l'utilisation de contraintes de dimension de panneau, permettant la définition de tailles minimales et maximales. Elle gère le partitionnement dynamique de la fenêtre d'affichage et fournit des mécanismes pour construire des grilles ajustables et des zones de contenu.

Ce projet est un template de landing page Next.js et un kit UI React conçu pour présenter des produits logiciels et des projets open source. Il sert de fondation de site web marketing professionnel et de boilerplate de site web Tailwind CSS pour construire des interfaces web modernes. Le framework fournit des mises en page et des composants spécialisés pour les vitrines de projets open source, les landing pages SaaS et les tableaux de bord d'administration. Il inclut une collection de composants responsives et d'utilitaires de style qui permettent la personnalisation du design visuel des couleurs, polices et mises en page. La surface de capacité couvre une variété d'éléments UI, incluant des animations basées sur le scroll, des graphiques de visualisation de données, des composants interactifs et des carrousels de contenu. L'architecture prend en charge le rendu côté serveur, le routage basé sur les fichiers et un pipeline de contenu basé sur Markdown pour découpler le contenu de la logique d'application.

This project is a React UI component library and frontend UI kit designed to provide a collection of pre-styled user interface elements. It serves as a design system framework, offering standardized visual patterns to ensure a cohesive look and feel across different screens. The library focuses on design system implementation and frontend component architecture, allowing for the creation of modern websites and applications. It integrates directly into a React application workflow to accelerate the development of complex web layouts. The system utilizes a component-based abstraction and compo

Gestalt est une bibliothèque de composants d'interface utilisateur React typée et un système de conception. Elle fournit une collection d'éléments d'interface réutilisables et de jetons de conception qui suivent les normes d'accessibilité internationales pour assurer la convivialité pour les personnes ayant des besoins divers. Le framework inclut un système de mise en page web responsive avec des points de rupture définis et des conteneurs de grille qui adaptent les interfaces pour les appareils de bureau, mobiles et tablettes. Il dispose d'une suite de composants internationalisée qui prend en charge plusieurs langues, des schémas de couleurs régionaux et des orientations de texte de droite à gauche. La bibliothèque couvre une large gamme de capacités d'interface, y compris des affichages en grille et en maçonnerie flexibles avec virtualisation pour un rendu haute performance, des éléments de formulaire complets et des systèmes de navigation. Elle fournit également des outils pour la communication de l'état du système via des alertes et des bannières, des superpositions contextuelles comme des modales et des popovers, et des visualisations de données accessibles pour les métriques et les tendances. Le système utilise des déclarations TypeScript officielles pour assurer l'intégrité des données et prévenir les erreurs d'exécution pendant le développement.

A collection of JetBrains Web UI components

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 😍