Awesome GitHub RepositoriesFramework Agnostic UI Logic

This project is a collection of accessible user interface components designed for full developer ownership. It functions as a copy-paste UI framework and headless component kit, providing the logic and structure for interface elements without relying on traditional versioned library dependencies. The system distributes source code directly to the user, allowing for the creation of a custom component library. It utilizes a distribution method where components are copied into the codebase, ensuring that the visual and functional implementation remains under the developer's control. The toolkit

Refine is a React-based framework for building data-intensive internal tools, admin panels, and B2B applications. It functions as a data-driven UI library and a headless admin panel generator that connects frontends to external backend services using standardized logic for state management and network request handling. The project decouples business logic from the presentation layer, allowing any custom design system or interface library to be applied to the application. It includes a CRUD application generator that automatically creates user interfaces for managing records based on the struc

Sortable is a JavaScript drag and drop library used to create reorderable lists of HTML elements. It is a framework-agnostic tool and a touch-enabled interaction library that functions across modern browsers and touch devices without dependencies on specific web frameworks. The library enables the movement and cloning of elements between different containers using shared group configurations. It supports the repositioning of multiple items simultaneously and the use of specific drag handles to restrict which areas of an element trigger a move. Additional capabilities include programmatic sor

Sortable is a framework-agnostic JavaScript library for creating reorderable lists through drag and drop interactions. It functions as a reorderable list manager that allows users to rearrange DOM elements using pointer interactions on modern browsers and touch devices. The library enables the transfer or cloning of items between different lists using shared group identifiers. It supports complex organizational structures, including nested reorderable lists for managing hierarchical data across different levels. Its capabilities cover the animation of element movements and the configuration

This project is a headless UI table library and state manager for building data grids. It functions as a type-safe logic engine that manages table state and data grid behavior without providing pre-defined styles or HTML markup. The library employs a headless pattern, separating internal logic and state from visual presentation. By providing hooks rather than styled components, it allows developers to maintain full control over the markup, styles, and interaction behavior of their tables. The core engine covers complex datagrid implementation, including the management of sorting, filtering,

TanStack Table is a headless, framework-agnostic engine designed for building complex data grids and managing tabular state. By decoupling data processing logic from the visual rendering layer, it allows developers to implement custom user interfaces while offloading sophisticated operations like sorting, filtering, grouping, and pagination to a unified, performant core. The library distinguishes itself through its commitment to type safety and environment flexibility. It leverages strict type definitions to ensure data integrity across the entire application and utilizes an adapter pattern t

PhotoSwipe is a JavaScript image gallery library used to create responsive, touch-enabled lightboxes for mobile and desktop web browsers. It functions as a framework-agnostic UI component, allowing for the integration of image viewers across different web environments without requiring specific JavaScript libraries. The library is designed as a mobile-first gallery viewer, providing a full-screen image overlay that supports native-feeling touch gestures. This includes specific optimizations for mobile devices such as swipe navigation and pinch-to-zoom interactions. The project enables full-s

This project is a comprehensive collection of modular, reactive functions designed to streamline the development of user interfaces. It serves as a toolkit for managing application state, wrapping native browser hardware and system features, and encapsulating common logic patterns into reusable units. By binding asynchronous data sources, browser events, and system properties to component state, it provides a unified framework for building interactive web and desktop applications. The library distinguishes itself through its focus on composition and lifecycle management, allowing developers t

FullCalendar is a framework-agnostic UI library and JavaScript calendar component designed for building interactive event scheduling interfaces. It provides tools for managing time-based data, including an integrated iCal feed parser for importing external calendar files and recurring schedules into a unified web view. The library features a system for event scheduling and management, enabling users to reschedule entries via drag-and-drop, adjust event durations by resizing, and highlight specific time ranges for selection. It supports multiple date views, such as month, week, day, and list f

This project is a framework-agnostic UI library and a collection of modular web components based on the Material Design visual system. It provides a comprehensive set of interactive interface elements and a responsive web grid system for organizing page content. The library utilizes a design token theme engine to apply consistent typography, colors, and visual styles across an interface. It separates behavioral logic from rendering to ensure that components remain compatible across different JavaScript environments. The system covers responsive layout design and web form interface developmen

TanStack Router is a type-safe routing library for web applications that provides full type safety for paths, search parameters, and data loaders across the entire application stack. It functions as a comprehensive framework for server-side rendering, enabling the generation of complete HTML pages to improve initial load performance and search engine optimization. By integrating declarative data fetching, the library manages asynchronous information at the route level, supporting preloading, caching, and parallel request execution to ensure data is ready before components render. The project

Rete is a framework for building interactive, node-based visual interfaces and dataflow programming environments. It provides a core engine that processes directed graphs, allowing developers to define modular logic where nodes represent operations and connections represent the flow of data or control. By decoupling the graph logic from the user interface, the framework enables the creation of custom visual editors that can be integrated into various frontend component libraries. The project distinguishes itself through a highly extensible, signal-driven architecture that supports complex req

text-mask is a JavaScript library for enforcing consistent text formats and dynamic masking patterns in web input fields. It provides a suite of utilities to constrain text field entries to predefined masks and validators, ensuring data consistency across multiple frontend frameworks including React, Angular, and Vue. The library supports dynamic pattern generation using functions to handle variable data formats and localized patterns. It includes capabilities for processing bulk text entries, such as pasted content and browser auto-fill data, while maintaining the integrity of the defined in

Zag هي مكتبة آلة حالة واجهة مستخدم بدون رأس توفر منطق مكون غير مصمم لضمان سلوك متسق عبر محركات عرض مختلفة. تعمل كمجموعة أدوات لنمذجة تفاعلات واجهة المستخدم المعقدة باستخدام مخططات الحالة، وفصل المنطق الأساسي وسمات إمكانية الوصول عن التصميم المرئي. المكتبة لا تعتمد على إطار عمل، وتستخدم محولات متخصصة لربط منطق آلة الحالة الخاص بها بمكتبات JavaScript متنوعة مثل React و Solid و Vue و Svelte. يسمح هذا النهج للمطورين بالحفاظ على نموذج تفاعل واحد مع تطبيق أي حل CSS أو تصميم من خلال سمات البيانات القائمة على الحالة. تغطي Zag مجموعة واسعة من المجالات الوظيفية، بما في ذلك إدارة إمكانية الوصول الشاملة للتنقل بلوحة المفاتيح وسمات ARIA، بالإضافة إلى مجموعة واسعة من العناصر التفاعلية. تشمل هذه عناصر التحكم في الإدخال، وعناصر التنقل مثل القوائم وعلامات التبويب، ومكونات التراكب مثل مربعات الحوار والنوافذ المنبثقة، ومعالجة الوسائط المعقدة لاقتصاص الصور والتقاط التوقيعات. كما توفر أدوات لإدارة البيانات الهرمية، ومعالجة القوائم غير المتزامنة، ونظاماً لبناء جولات المنتج الموجهة.

Ark is a headless UI component library that delivers accessible, cross-framework primitives with behavior governed by finite state machines. It provides unstyled components that encapsulate logic and accessibility — including full keyboard navigation, focus management, and WAI-ARIA support — while leaving visual styling entirely to the consumer. Components expose scoped data attributes for CSS targeting and use state machines to produce predictable, testable interactive behavior across every state transition. The library distinguishes itself through a state propagation model that distributes

Pagy is a framework-agnostic Ruby pagination library used to split large datasets into numbered pages. It provides multiple implementations for dividing data, including offset-based slicing for standard collections and high-performance keyset pagination for massive datasets. The library includes a pagination UI generator for rendering accessible HTML navigation bars and a dedicated tool for REST API pagination that produces RFC-compliant link headers and JSON metadata. It also features specialized systems for dividing results from search engines like Elasticsearch, Meilisearch, and Typesense,

Effector is a reactive state management library designed for building complex, event-driven applications. It functions as a data flow engine that models application logic as a directed acyclic graph, ensuring that state updates propagate automatically through interconnected nodes. By utilizing atomic state updates and declarative unit composition, the library maintains data consistency and provides a predictable execution model for managing application state. The project distinguishes itself through its framework-agnostic architecture, which decouples business logic from user interface implem

This project is a JSON-based form rendering framework and visual creator designed for dynamic data collection. It provides a JavaScript form builder library that transforms JSON schemas into functional web forms and multi-step wizards, with a dedicated visual survey creator for designing layouts and branching logic without writing code. The library is distinguished by its bidirectional PDF integration, which allows the conversion of JSON schemas into fillable PDF documents and the extraction of structured data from existing PDFs. It also features advanced capabilities for creating scored asse

Park UI is a collection of accessible, pre-styled interface components designed for consistent design across multiple JavaScript frameworks. It functions as a cross-framework user interface kit that provides functional logic and styling hooks for building inclusive web applications. The library utilizes a headless component architecture that delegates state and accessibility logic to a decoupled engine, allowing for flexible styling. By employing a framework-agnostic approach, it ensures that interface elements maintain a unified design language and reliable behavior across various developmen

Relation-graph is a frontend library designed for building interactive node-link diagrams and relationship visualizations within web applications. It provides a framework for rendering complex network structures that support manual manipulation, including zooming, dragging, and real-time structural editing. The library distinguishes itself through a framework-agnostic core that separates graph layout logic from the rendering layer. This architecture enables developers to inject custom HTML or framework-specific components directly into graph nodes and edges, allowing for highly tailored visua