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

Acest proiect este un sistem de componente și utilitare pentru gestionarea layout-urilor de tip split-view în aplicațiile React. Oferă un sistem de panouri redimensionabile care organizează conținutul în zone orizontale și verticale cu margini care pot fi trase (draggable). Sistemul include un instrument de layout UI pliabil pentru a comuta vizibilitatea panourilor pentru a maximiza spațiul disponibil pe ecran. Suportă imbricarea recursivă a panourilor, permițând layout-urilor să fie structurate ca arbori unde panourile conțin grupuri suplimentare de panouri redimensionabile. Biblioteca acoperă construcția layout-ului prin utilizarea constrângerilor de dimensiune a panoului, permițând definirea dimensiunilor minime și maxime. Gestionează partiționarea dinamică a viewport-ului și oferă mecanisme pentru construirea de grile ajustabile și zone de conținut.

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

Acest proiect este o bibliotecă de componente React UI și un kit UI frontend conceput pentru a oferi o colecție de elemente de interfață pre-stilate. Servește drept framework de sistem de design, oferind modele vizuale standardizate pentru a asigura un aspect coerent pe diferite ecrane. Biblioteca se concentrează pe implementarea sistemului de design și arhitectura componentelor frontend, permițând crearea de site-uri web și aplicații moderne. Se integrează direct în fluxul de lucru al unei aplicații React pentru a accelera dezvoltarea layout-urilor web complexe. Sistemul utilizează o abstractizare bazată pe componente și un design compozițional pentru a construi elemente de interfață reutilizabile. Încorporează un motor de teme cu variabile CSS și stilizare de tip utility-first pentru a menține o scală de design și un sistem vizual consistent, folosind în același timp definiții de tip TypeScript pentru siguranța prop-urilor.

Gestalt este o bibliotecă de componente UI React sigură din punct de vedere al tipurilor și un sistem de design. Oferă o colecție de elemente de interfață reutilizabile și token-uri de design care respectă standardele internaționale de accesibilitate pentru a asigura utilizabilitatea pentru persoanele cu nevoi diverse. Framework-ul include un sistem de layout web responsiv cu breakpoint-uri definite și containere de grid care adaptează interfețele pentru dispozitive desktop, mobile și tablete. Dispune de o suită de componente internaționalizate care suportă mai multe limbi, scheme de culori regionale și orientări ale textului de la dreapta la stânga. Biblioteca acoperă o gamă largă de capabilități de interfață, inclusiv afișaje flexibile de tip grid și masonry cu virtualizare pentru randare de înaltă performanță, elemente de formular cuprinzătoare și sisteme de navigare. Oferă, de asemenea, instrumente pentru comunicarea stării sistemului prin alerte și bannere, overlay-uri contextuale precum modale și popover-uri, și vizualizări de date accesibile pentru metrici și tendințe. Sistemul utilizează declarații TypeScript oficiale pentru a asigura integritatea datelor și a preveni erorile de runtime în timpul dezvoltării.

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 😍