Awesome GitHub RepositoriesCustom UI Component Frameworks

This project is a Material Design UI library and Angular component framework. It provides a collection of reusable UI building blocks and development tools for creating consistent web applications that follow Material Design specifications. The framework includes an accessible web component library that uses headless directives and WAI-ARIA patterns to ensure user interface elements meet web accessibility standards. It also provides specialized integration wrappers for embedding and managing interactive Google Maps and YouTube video playback. The project supports custom UI component developm

Better-scroll is a JavaScript scroll library and touch interaction engine designed to create high-performance scrollable areas in web browsers. It functions as a modular UI component framework that provides the foundation for building complex scrollable elements. The library is distinguished by a plugin-based architecture that allows the injection of custom methods and event hooks. This system enables the creation of specialized interface components such as carousel sliders, scrollable picker inputs, and draggable element systems. The project covers a wide range of mobile web interaction pat

FastUI is a server-driven UI system and Pydantic UI framework that transforms backend data models into functional web interfaces. It operates as a model-based frontend generator where the server controls the layout and behavior of the user interface through structured data schemas, enabling a low-code approach to web development. The project allows for the definition of visual hierarchies and component properties on the backend, using a JSON-based protocol to communicate UI structure between the server and client. It utilizes schema-driven generation to automate the creation of interfaces, in

IBAnimatable is a set of visual design tools for prototyping bespoke interface elements, motion effects, and navigation transitions within a graphical environment. It provides a designer for creating and prototyping animations directly within the Apple Interface Builder environment and a system for building custom interface components through a visual attributes panel. The project distinguishes itself by offering a visual interface transition editor for configuring screen navigation and gesture-driven transitions without manual coding. It includes a prototyping sandbox for testing interaction

react-map-gl is a library of reusable components and hooks for embedding high-performance WebGL map visualizations within React applications. It provides a declarative wrapper for Mapbox GL JS, synchronizing the map state and styles with a component-based state management system. The toolkit enables the rendering of complex 2D and 3D geospatial data visualizations on map layers. It includes a framework for developing custom map components and specialized user interface elements using shared context and dedicated hooks. The library manages interactive map integration and geospatial data visua

Vendure is a Node.js e-commerce engine and headless commerce framework built with NestJS and TypeScript. It serves as a multi-channel commerce platform that manages product catalogs, orders, and customers via a strongly typed GraphQL API. The platform is distinguished by its highly extensible architecture, featuring a customizable administrative dashboard where developers can inject custom React components and entity views. It supports multi-channel commerce, allowing the isolation of products, currencies, and regional catalogs from a single unified backend. The engine covers a broad range o

PyQt is a cross-platform GUI toolkit and desktop UI framework that provides Python bindings for the Qt framework. It serves as a widget library for creating graphical user interfaces that maintain consistent behavior and appearance across Windows, macOS, and Linux. The framework enables the development of desktop applications through a collection of pre-built interface components and layout managers. It supports the creation of specialized interface elements with custom styling, window animations, and the integration of web browser components to load and execute scripts alongside native eleme

This project is a technical breakdown and implementation of a user interface framework's internal architecture, focusing specifically on the mechanics of the virtual DOM, reconciliation, and component lifecycles. It serves as a resource for understanding how a core logic layer manages the transition from high-level component descriptions to physical browser elements. The project distinguishes itself by providing detailed visualizations, including flowcharts and block schemes, to map the reconciliation process and code execution paths. It explores how a platform-agnostic core can be adapted fo

Golden Layout is a framework-agnostic UI container and web window layout manager designed to organize application interfaces into a flexible grid of draggable and resizable multi-pane windows. It functions as a hierarchical grid system that arranges page elements into a tree of nested rows and columns to create complex professional interfaces. The system acts as a multi-window workspace orchestrator, allowing components to be detached from the main layout into independent native browser windows. It also serves as a serializable layout engine that captures the arrangement of user interface com

BlockSuite is a collaborative block editor framework built on a hierarchical block tree data model with CRDT-based state synchronization for real-time multi-user editing. It provides an extensible block component system, allowing developers to define custom block types through declarative schemas, services, and rendering components. The editor is packaged as cross-framework web components, making it embeddable in any JavaScript environment. The framework distinguishes itself with a command-driven editing pipeline that composes type-safe editing actions with dynamic context sharing and control

Gods-pen es un constructor visual de páginas en Vue.js y plataforma de landing pages no-code para crear páginas de marketing móvil responsivas. Funciona como un sistema de gestión de contenido (CMS) dockerizado y un framework de componentes extensible, permitiendo el diseño y publicación de páginas con recolección de formularios y seguimiento de analíticas integrados. La plataforma cuenta con un gestor de mercado de componentes para subir, descargar y monetizar elementos de interfaz reutilizables en diferentes proyectos. Proporciona un sistema integral para el desarrollo de componentes personalizados, utilizando un sistema de andamiaje y mapeo de propiedades basado en esquemas para generar automáticamente controles de editor visual e interfaces de configuración. El sistema cubre la composición visual de páginas mediante un editor de arrastrar y soltar, gestión de diseño para modales y carruseles, y una librería de animaciones CSS con vistas previas fotograma a fotograma. Incluye gestión de proyectos basada en equipos con permisos basados en roles, captura de datos de visitantes y analíticas de rendimiento de marketing. El proyecto soporta la instalación autohospedada en servidores privados utilizando configuraciones de despliegue en contenedores.

Vuera es una capa de compatibilidad y puente de interoperabilidad diseñado para permitir el renderizado compartido entre Vue y React. Proporciona un conjunto de wrappers que permiten que los componentes de un framework se incrusten y rendericen dentro del otro. El proyecto se centra en la integración de componentes entre frameworks, permitiendo la coexistencia de ambos dentro de un mismo proyecto. Esto admite el uso de bibliotecas de interfaz de usuario compartidas en diferentes ecosistemas y permite una migración incremental entre Vue y React. El sistema maneja la transferencia de elementos anidados mapeando slots y propiedades de hijos entre los dos frameworks. También gestiona el intercambio de componentes y el mapeo de contenido para mantener los diseños estructurales.

LCUI is a component-based, cross-platform UI toolkit for building desktop applications using C, TypeScript, and JSX. It provides a declarative UI compiler that transforms JSX and TypeScript markup into native C code, enabling developers to construct interfaces without a browser runtime. The library includes a CSS styling engine that applies standard CSS rules to layout and style native desktop components, and supports component composition with state management and event binding. The toolkit distinguishes itself by combining web development patterns with native desktop rendering, allowing dev

Geode is a game modification SDK and mod loader for Geometry Dash. It functions as a hooking engine and UI framework that allows for the injection of dynamic libraries to alter game behavior and add new features. The toolkit distinguishes itself through a centralized mod compatibility manager and hook registry that tracks active modifications to prevent logic conflicts and application crashes. It utilizes a trampoline-based hooking engine to redirect game function calls while preserving native call stacks, alongside a dedicated UI framework for rendering custom popups and interface components