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 ist ein Set von Bootstrap-gestylten UI-Widgets und Komponenten, die speziell für das Angular-Framework gebaut wurden. Es bietet eine Bibliothek wiederverwendbarer Interface-Elemente, die für die Arbeit mit der Angular-Ivy-Kompilierungs- und Rendering-Engine konzipiert sind. Die Bibliothek ermöglicht die Integration von Bootstrap-Komponenten in Angular-Anwendungen, um reaktionsschnelle Benutzeroberflächen ohne manuelle CSS- oder JavaScript-Arbeit zu erstellen. Sie ersetzt die Notwendigkeit für jQuery durch die Verwendung von Angular-Direktiven für das Zustandsmanagement und eine adaptive Positionierungs-Engine für schwebende Elemente. Das Komponentenset deckt eine breite Palette interaktiver Elemente ab, einschließlich Navigationskontrollen wie Tabs und Paginierung, Overlay-Fenster wie Modals und Popovers sowie Dateneingabetools wie Datums- und Zeitauswahlen. Es enthält zudem Layout- und Feedback-Widgets wie Akkordeons, Fortschrittsbalken und Alerts.

Zag ist eine Headless-UI-Zustandsmaschinenbibliothek, die ungestylte Komponentenlogik bereitstellt, um konsistentes Verhalten über verschiedene Rendering-Engines hinweg sicherzustellen. Sie fungiert als Toolkit zur Modellierung komplexer User-Interface-Interaktionen unter Verwendung von Statecharts und entkoppelt die zugrunde liegende Logik und Accessibility-Attribute vom visuellen Styling. Die Bibliothek ist framework-agnostisch und nutzt spezialisierte Adapter, um ihre Zustandsmaschinenlogik mit verschiedenen JavaScript-Bibliotheken wie React, Solid, Vue und Svelte zu verbinden. Dieser Ansatz ermöglicht es Entwicklern, ein einheitliches Interaktionsmodell beizubehalten, während sie jede CSS- oder Styling-Lösung durch zustandsgesteuerte Datenattribute anwenden können. Zag deckt ein breites Spektrum an funktionalen Bereichen ab, einschließlich umfassendem Accessibility-Management für Tastaturnavigation und ARIA-Attribute sowie eine riesige Sammlung interaktiver Primitiven. Dazu gehören Input-Controls, Navigationselemente wie Menüs und Tabs, Overlay-Komponenten wie Dialoge und Popovers sowie komplexe Medienhandhabung für Bildzuschnitt und Signaturerfassung. Es bietet zudem Utilities für hierarchisches Datenmanagement, asynchrone Listenbehandlung und ein System zur Konstruktion geführter Produkttouren.

XUI ist ein natives Android-UI-Framework und eine Komponentenbibliothek für den Aufbau von Anwendungsoberflächen. Es bietet eine umfassende Suite nativer Layouts, Eingabefelder und Navigationselemente, unterstützt durch ein gestuftes Theme-Management-System zur Definition globaler visueller Attribute und responsiver Styles. Das Framework zeichnet sich durch einen spezialisierten Satz benutzerdefinierter Views und Interaktions-Toolkits aus, einschließlich hochperformanter Kalender, Datenvisualisierungs-Rendering und einer Vielzahl stilisierter Buttons mit integrierten Timern und visuellen Effekten. Es enthält zudem integrierte Medienverarbeitungsfunktionen wie Barcode- und QR-Code-Scanning, benutzerdefinierte QR-Generierung und eine Schnittstelle zum Zuschneiden von Bildern. Das Projekt deckt ein breites Spektrum an UI- und UX-Funktionen ab, einschließlich diverser Dateneingabekomponenten, Floating-Window-Primitiven und einer Vielzahl von Feedback-Indikatoren wie Snackbars und Fortschrittsanzeigen. Es bietet zudem Layout-Templating, Typografie-Konfiguration und Animationssysteme zur Verwaltung von View-Übergängen und interaktivem Feedback.

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 ist eine interaktive Bibliothek für Graph-Visualisierung und eine SVG-basierte Diagramm-Engine, die zum Aufbau von Node-basierten Workflow-Designern und visuellen Flow-Editoren verwendet wird. Sie bietet ein Framework zum Rendern miteinander verbundener Knoten, Kanten und Gruppen, um technische Architekturen, Geschäftsprozesse und datengesteuerte Workflows zu modellieren. Das Projekt zeichnet sich durch die Fähigkeit aus, benutzerdefinierte UI-Komponenten als Graph-Knoten zu integrieren, sowie durch spezialisierte Unterstützung für die Visualisierung von Datenherkunft (Data Lineage). Es ermöglicht die Abbildung von Beziehungen zwischen Datenfeldern, Tabellen und Geschäftsentitäten, um die Provenienz nachzuverfolgen und den Workflow-Status zu überwachen. Das System deckt ein breites Spektrum an Funktionen ab, darunter automatisierte Knoten-Layout-Algorithmen, hierarchische Gruppennestung und Validierung der Verbindungslogik. Es enthält Navigationsdienstprogramme wie eine Minimap, Zoom- und Pan-Steuerungen sowie Marquee-Auswahl, neben Tools für die Traversierung der Graphentopologie und den Bildexport in Vektor- und Rasterformaten. Die Bibliothek ist in JavaScript implementiert.

Bootflat ist eine Frontend-Komponentenbibliothek und CSS-Framework-Erweiterung, die eine Flat-Design-Ästhetik für das Styling von Webanwendungen implementiert. Sie bietet eine Reihe wiederverwendbarer Schnittstellenelemente und ein Mobile-First-Grid-System, um responsives Webdesign zu erleichtern. Das Projekt integriert Design und Entwicklung durch einen PSD-gesteuerten Workflow und bietet professionelle Photoshop-Komponentensets sowie kuratierte Farbpaletten für das Interface-Prototyping. Die visuelle Anpassung erfolgt über variablenbasierte Themen-Overrides für Farben und Schriftarten. Die Bibliothek deckt ein breites Spektrum an UI-Komponenten ab, einschließlich Formularelementen mit validierten Eingaben und benutzerdefinierten Auswahlsteuerelementen, Navigationstools wie Tabbed Panes und Paginierung sowie Layoutstrukturen wie Hero-Units und Seitenfußzeilen. Sie enthält zudem Feedback-Elemente wie Warnmeldungen, Tooltips und Fortschrittsbalken, um den Systemstatus zu kommunizieren.

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