Awesome GitHub RepositoriesGeneric Button Components

CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for constructing back-office interfaces. It provides a library of UI components with native wrappers for React, Vue, and Angular applications, alongside a Sass-based theming system for managing brand colors, dark mode, and design tokens via variables and CSS custom properties. The template includes a set of advanced form controls such as autocomplete, date pickers, and multi-step wizards with built-in validation, and supports switching the entire interface between built-in dark and li

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

Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a comprehensive kit of interactive elements and layout building blocks that follow screen reader and keyboard navigation standards. The project functions as a UI overlay management library, offering specialized tools for implementing anchored popovers, tooltips, and slide-out panels with smooth transitions. It includes a set of accessible form primitives and selection controls to ensure compatibility across different assistive technologies. Its broader capabilities cover the const

Buefy is a lightweight user interface component library built for Vue.js. It serves as a programmatic wrapper for the Bulma CSS framework, providing a set of pre-styled layout utilities, form components, and structural wrappers to ensure a consistent visual identity. The library provides a comprehensive suite of form elements, including specialized date and time pickers, autocomplete inputs, and validation wrappers. It also includes layout tools such as navigation bars, off-canvas sidebars, and modal overlays, as well as notification systems for banners, snackbars, and toasts. Additional cap

Flowbite is a cross-framework UI library and design system built as a collection of pre-styled components and layout blocks using Tailwind CSS utility classes. It functions as a TypeScript UI toolkit and a general web framework for creating responsive websites and applications. The project provides a mirroring Figma design system to allow prototyping of components and variants before they are coded. It distinguishes itself through an AI-driven approach to page generation and the creation of design specifications via a command-line interface. The library covers a wide range of interactive int

MaterialDesignLibrary is an Android Material Design UI library and cross-version framework. It provides a collection of pre-built interface controls and a compatibility layer that enables modern design patterns on older Android devices starting from version 2.2. The project focuses on bringing updated design standards to legacy Android versions to ensure a consistent user experience. This is achieved through a compatibility layer that implements modern interface elements without sacrificing visual quality on outdated operating system releases. The library includes a variety of functional com

ReactXP is a framework for building cross-platform mobile and web applications from a single codebase using React. It provides a declarative interface that maps to different native implementation sets depending on the target environment. The project enables consistent visual experiences across operating systems through a flexbox-based layout engine, a virtual stack for navigation management, and a unified native-bridge API for accessing system services. It distinguishes itself with specialized capabilities for declarative animation orchestration, platform-specific logic resolution, and an aut

Ladda is an animated button library that provides loading button components to signal processing states during web interactions. It serves as a form submission indicator that replaces button text with a loading spinner during asynchronous operations to provide user feedback and prevent multiple clicks. The library focuses on asynchronous UI feedback and frontend state visualization. It links the visual appearance of buttons to the loading state of API calls and manages the user experience during form submissions. Capabilities include the creation of buttons with integrated animation styles a

This project is a React Native UI library and mobile component framework designed for building consistent, themed mobile applications. It provides a collection of reusable user interface components and layout tools, functioning as a cross-platform design system to maintain visual uniformity across different mobile platforms. The toolkit distinguishes itself through a themed UI approach, utilizing global design foundations for typography, color palettes, and spacing. It allows for dynamic theme configuration and the use of style presets to ensure standardized branding across an entire project.

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

This project is a neobrutalist UI component library and accessible design system for React. It provides a collection of high-contrast web elements characterized by bold colors, thick borders, and a raw aesthetic. The library distinguishes itself by combining a data visualization toolkit—featuring styled charts and responsive tables—with a comprehensive set of interactive components. It balances this specific visual style with accessibility standards for keyboard navigation and screen readers. The component surface covers a wide range of functional areas, including complex form controls with

mdui is a framework-agnostic UI library and design system based on Material Design 3 standards. It provides a comprehensive set of reusable interface elements implemented as native Web Components, ensuring compatibility across different JavaScript frameworks. The library features a sophisticated theming system that supports light and dark modes, as well as the ability to generate dynamic color palettes from seed colors or image sources. It distinguishes itself with a high level of flexibility in visual customization, using CSS custom properties to control design tokens such as typography, cor

Open-UI هي مجموعة من مواصفات معايير واجهة مستخدم الويب ومكتبة مكونات واجهة مستخدم موحدة. توفر تعريفات تقنية لمكونات واجهة المستخدم العالمية، والسلوكيات، ومتطلبات إمكانية الوصول المصممة لضمان التوافق عبر المتصفحات من خلال سلسلة من مقترحات لغة الويب. يتميز المشروع بـ polyfill لإمكانية الوصول إلى الويب و polyfills للتحكم القابلة للتوسيع التي توفر وظائف تحكم حديثة في واجهة المستخدم في البيئات التي تفتقر إلى دعم المتصفح الأصلي. ويتضمن مجموعة توافق المتصفح للتحقق من أن المكونات تلبي متطلبات السلوك وإمكانية الوصول المحددة. تغطي المكتبة مجموعة واسعة من عناصر الواجهة، بما في ذلك مربعات التحرير والسرد القابلة للبحث، وأنظمة القوائم التفاعلية، ومدخلات النطاق متعددة المقابض، وقوائم الاختيار القابلة للتخصيص. كما تتضمن مكونات التخطيط والتنقل مثل الأكورديون، والنوافذ المشروطة، ومسارات التنقل (breadcrumbs)، وعناصر العرض الدوارة (carousels). يستخدم النظام ربط السلوك التصريحي وإرسال الإجراءات القائم على الأحداث لتنفيذ منطق المكون، مع كشف الحالات الداخلية من خلال CSS pseudo-elements للتصميم البصري.

ShadowLayout is an Android UI component styling library used to create depth effects and interactive state transitions within mobile layouts. It provides a system for implementing complex visual effects such as custom shadows, rounded corners, and borders for views without requiring custom XML shape files. The project features a custom shadow engine that allows for adjustable blur, offset, and spread settings to simulate depth. It includes tools for precise corner radius control and geometric border rendering for both solid and dashed outlines. The library provides a set of interactive compo

Basecoat is a zero-runtime UI library and themable interface framework consisting of a set of accessible web components. It provides a collection of pre-styled interface elements and utility classes designed to function as static assets without requiring a dedicated JavaScript framework runtime. The project features a dedicated UI component scaffolder, providing a command line interface to automate the generation of project folder structures and the installation of component templates. Visual styles are managed through a system of CSS variables and utility classes, allowing for global theme a