Awesome GitHub RepositoriesTooltip Components

This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens. What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexib

Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application. The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti

This project is a command-line utility and development framework designed to modify, extend, and customize the Spotify desktop client. It functions as a binary patching engine that injects custom scripts, stylesheets, and interface components directly into the host application, enabling users to alter visual themes and add new functionality. The tool distinguishes itself by providing a comprehensive development environment for building modular extensions and custom applications. It includes a hot-reloading pipeline for rapid iteration, a declarative library for constructing interactive UI pan

Pico is a lightweight, classless CSS framework designed to provide consistent, accessible, and responsive visual defaults for web interfaces. By prioritizing semantic HTML tags, it allows developers to build clean, structured pages without the need for complex class names or heavy dependencies. The framework functions as a comprehensive design system that automatically applies styling to standard elements, ensuring that typography, spacing, and layout remain cohesive across different screen sizes. The framework distinguishes itself through a modular, variable-driven architecture that emphasiz

DearPyGui is a GPU-accelerated, immediate-mode graphical user interface framework for Python. It provides a high-performance toolkit for building interactive desktop applications by leveraging native hardware-accelerated rendering backends across multiple operating systems. By utilizing an immediate-mode execution model, the library offers direct control over the rendering loop and element state, enabling the creation of responsive, dynamic interfaces. The framework distinguishes itself through its ability to handle complex, high-frequency visual updates, making it suitable for real-time data

ApexCharts is a comprehensive JavaScript charting library designed for building interactive, responsive, and data-driven visualizations within web applications. It functions as a versatile data visualization framework that supports a wide range of chart types, including categorical, statistical, and financial plots, enabling developers to construct complex dashboards and real-time monitoring interfaces. The library distinguishes itself through a deep commitment to accessibility and high-performance interactivity. It provides built-in support for keyboard navigation, screen readers, and high-c

Bootstrap-vue is a Vue.js component library and responsive UI kit based on the Bootstrap CSS framework. It provides a frontend component suite of reusable interface elements designed for building mobile-first websites and web applications. The project wraps Bootstrap CSS classes in Vue components to manage styles and behaviors through reactive state. It integrates a responsive layout management system that synchronizes internal component states with Bootstrap's grid system and device breakpoints. The library covers a wide range of interface capabilities, including data display with sortable

This project is a collection of native directives designed to implement the Bootstrap component framework within Angular applications. It provides a suite of modular interface elements that allow developers to build interactive web components without requiring external JavaScript dependencies. The library distinguishes itself by using a dependency-free logic layer that relies entirely on native framework primitives. It features a specialized service-based positioning engine to manage the placement of floating overlays and an event-driven system to coordinate the lifecycle of complex UI elemen

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

Polaris React is a production-ready component library that implements Shopify's Polaris design system for building consistent merchant-facing admin interfaces. It provides a comprehensive set of reusable React components, including accessible form inputs, data display elements, layout and navigation structures, and visual feedback indicators, all styled through a semantic color token system applied via CSS custom properties for dynamic light and dark mode support. The library distinguishes itself with an icon-first visual language featuring over 400 commerce-specific SVG icons delivered as fi

ngx-bootstrap este un set de widget-uri și componente UI stilizate Bootstrap, construite special pentru framework-ul Angular. Oferă o bibliotecă de elemente de interfață reutilizabile concepute pentru a funcționa cu motorul de compilare și randare Angular Ivy. Biblioteca permite integrarea componentelor Bootstrap în aplicațiile Angular pentru a crea interfețe utilizator responsive fără a necesita CSS sau JavaScript manual. Înlocuiește nevoia de jQuery prin utilizarea directivelor Angular pentru gestionarea stării și a unui motor de poziționare adaptiv pentru elementele flotante. Setul de componente acoperă o gamă largă de elemente interactive, inclusiv controale de navigare precum tab-uri și paginare, ferestre overlay precum modale și popover-uri, și instrumente de input de date precum selectoare de dată și oră. Include, de asemenea, widget-uri de layout și feedback precum acordeoane, bare de progres și alerte.

Zag este o bibliotecă de mașini de stare UI headless care oferă logică de componente ne-stilizată pentru a asigura un comportament consistent pe diferite motoare de randare. Funcționează ca un toolkit pentru modelarea interacțiunilor complexe ale interfeței utilizator folosind statecharts, decuplând logica subiacentă și atributele de accesibilitate de stilizarea vizuală. Biblioteca este agnostică față de framework, utilizând adaptoare specializate pentru a face legătura între logica mașinii sale de stare și diverse biblioteci JavaScript precum React, Solid, Vue și Svelte. Această abordare permite dezvoltatorilor să mențină un singur model de interacțiune în timp ce aplică orice soluție CSS sau de stilizare prin atribute de date bazate pe stare. Zag acoperă o gamă largă de domenii funcționale, inclusiv gestionarea cuprinzătoare a accesibilității pentru navigarea prin tastatură și atributele ARIA, precum și o vastă colecție de primitive interactive. Acestea includ controale de input, elemente de navigare precum meniuri și tab-uri, componente de overlay precum dialoguri și popover-uri și gestionarea complexă a media pentru decuparea imaginilor și capturarea semnăturilor. Oferă, de asemenea, utilitare pentru gestionarea datelor ierarhice, gestionarea listelor asincrone și un sistem pentru construirea de tururi ghidate ale produsului.

XUI este un framework UI nativ pentru Android și o bibliotecă de componente concepută pentru construirea interfețelor de aplicații. Oferă o suită cuprinzătoare de layout-uri native, câmpuri de introducere și elemente de navigare, susținute de un sistem de gestionare a temelor pe niveluri pentru definirea atributelor vizuale globale și a stilurilor responsive. Framework-ul se distinge printr-un set specializat de view-uri personalizate și seturi de instrumente de interacțiune, inclusiv calendare de înaltă performanță, randarea vizualizării datelor și o varietate de butoane stilizate cu cronometre integrate și efecte vizuale. Include, de asemenea, capabilități integrate de procesare media, cum ar fi scanarea codurilor de bare și QR, generarea de QR-uri personalizate și o interfață de decupare a imaginilor. Proiectul acoperă o arie largă de capabilități UI și UX, incluzând diverse componente de introducere a datelor, primitive pentru ferestre flotante și o gamă largă de indicatori de feedback, cum ar fi snackbars și bare de progres. Oferă, de asemenea, șabloane de layout, configurarea tipografiei și sisteme de animație pentru gestionarea tranzițiilor de view-uri și a feedback-ului interactiv.

Magic MCP is a Model Context Protocol server and AI component generator that translates natural language descriptions into functional user interface code. It acts as an LLM design orchestrator, producing responsive web elements and layouts anchored on utility-first CSS styling patterns. The system features a side-by-side variation engine that generates multiple stylistic interpretations of a single prompt for comparative selection. It incorporates SVG-based asset integration for branding and iconography and utilizes template-based assembly to combine pre-defined style patterns with user-speci

Butterfly este o bibliotecă interactivă de vizualizare a grafurilor și un motor de diagramare bazat pe SVG utilizat pentru a construi designeri de fluxuri de lucru bazate pe noduri și editoare vizuale de fluxuri. Oferă un framework pentru randarea nodurilor, muchiilor și grupurilor interconectate pentru a modela arhitecturi tehnice, procese de business și fluxuri de lucru bazate pe date. Proiectul se distinge prin capacitatea de a integra componente UI personalizate ca noduri de graf și suportul său specializat pentru vizualizarea liniilor de date (data lineage). Permite maparea relațiilor dintre câmpurile de date, tabele și entitățile de business pentru a urmări proveniența și a monitoriza starea fluxului de lucru. Sistemul acoperă o gamă largă de capabilități, inclusiv algoritmi automatizați de layout al nodurilor, imbricarea grupurilor ierarhice și validarea logicii de conexiune. Include utilitare de navigare precum un minimap, controale de zoom și pan, și selecție de tip marquee, alături de instrumente pentru traversarea topologiei grafurilor și exportul de imagini în formate vectoriale și raster. Biblioteca este implementată în JavaScript.

Bootflat este o bibliotecă de componente front-end și o extensie de framework CSS care implementează o estetică de design plat pentru stilizarea aplicațiilor web. Oferă un set de elemente de interfață reutilizabile și un sistem de grid mobile-first pentru a facilita designul web responsiv. Proiectul integrează designul și dezvoltarea printr-un flux de lucru bazat pe PSD, oferind seturi de componente Photoshop profesionale și palete de culori curatoriate pentru prototiparea interfeței. Personalizarea vizuală este gestionată prin override-uri de temă bazate pe variabile pentru culori și fonturi. Biblioteca acoperă o gamă largă de componente UI, inclusiv elemente de formular cu input-uri validate și controale de selecție personalizate, instrumente de navigare precum tab-uri și paginare, și structuri de layout precum hero units și subsoluri de pagină. Include, de asemenea, elemente de feedback precum mesaje de alertă, tooltips și bare de progres pentru a comunica starea sistemului.

This project is a React tooltip component and CSS-driven library used to display descriptive text bubbles when users hover over or focus on specific elements. It functions as an accessible UI widget and customizable framework for managing informational popovers within React applications. The library distinguishes itself through flexible anchor management, allowing a single tooltip instance to be linked to multiple trigger elements via CSS selectors or HTML data attribute binding. It provides specific controls for visibility timing and animation, as well as the ability to disable automatic sty

This project is a language server implementation and code editor extension designed to provide intelligence for Svelte components. It functions as a static analysis tool that parses source code to deliver real-time feedback, automated formatting, and code navigation within development environments. The tool distinguishes itself by utilizing a virtual file system mapping that translates component files into modules, allowing standard language tools to process non-standard syntax. It integrates directly with the TypeScript compiler to perform type checking and static analysis across mixed scrip