Awesome GitHub RepositoriesFramework Component Adapters

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

Omi is a web components framework, reactive UI library, and client-side routing engine. It provides a system for building modular and reusable interface elements based on standard browser web components, using signals to synchronize data changes and update the user interface automatically. The project functions as a cross-framework component tool, exporting standard web elements that operate consistently across different third-party JavaScript libraries. Its capabilities include single-page application navigation and view routing. It also covers reactive state management, component style man

Stencil is a compiler used for authoring web component libraries and developing framework-agnostic user interface elements. It transforms TypeScript and JSX source code into standard custom elements that operate natively in the browser. The project enables the implementation of design systems and enterprise component systems by sharing a single codebase across different JavaScript frameworks. It generates specific adapter layers that allow these custom elements to be used as native components in React, Angular, and Vue. The toolset incorporates ahead-of-time compilation to minimize bundle si

history.js is a cross-browser URL state manager and HTML5 History API polyfill. It functions as a single page application router that manages browser URL and history state consistently across HTML5 and HTML4 browsers, enabling navigation without triggering full page reloads. The project provides a JavaScript framework adapter that integrates history management with the event systems of jQuery, MooTools, and Prototype. It ensures compatibility through a fallback mechanism that switches to hash-based navigation and hashbang URLs when the native HTML5 History API is unavailable. The system cove

gridstack.js is a JavaScript grid layout library and responsive dashboard framework used to create interactive interfaces with draggable and resizable elements. It functions as a drag-and-drop layout manager and a JSON-serializable layout engine, allowing user-defined interface states to be persisted and restored. The library distinguishes itself through a touch-enabled grid interface and a responsive system that automatically adjusts item placement based on screen breakpoints. It features a collision-based layout engine that manages overlapping coordinates to shift or swap elements, alongsid

intl-tel-input is an international telephone input widget that provides a country-aware phone number entry experience with automatic formatting, validation, and E.164 normalization. It combines a searchable country picker with a format-as-you-type engine and a validation rule engine that checks numbers against country-specific patterns, returning machine-readable error codes when a number is invalid. The project ships as both a zero-dependency vanilla JavaScript library and as framework-specific components for React, Vue, Angular, and Svelte, all sharing the same core logic through a framewor

Inertia is a server-driven frontend framework designed to create monolithic single page applications. It acts as a state synchronization protocol and client-side routing bridge, allowing developers to build interactive experiences using modern JavaScript component libraries while keeping routing and controllers on the server. This approach eliminates the need for a separate REST or GraphQL API layer by passing data from server controllers to frontend components as props via JSON payloads. The framework distinguishes itself by utilizing adapter-based integration to link various backend environ

form-create is a JSON-driven form generator and low-code form builder that renders dynamic web forms and validation logic from configuration files. It functions as a data-driven form orchestrator for managing field dependencies and hierarchical data structures within complex layouts. The system includes a visual drag-and-drop interface for designing data entry layouts and automatically generating their corresponding configuration structures. It provides a dynamic UI component library of adaptable form fields and layout containers designed for cross-framework integration and mobile responsiven

Zag एक हेडलेस UI स्टेट मशीन लाइब्रेरी है जो विभिन्न रेंडरिंग इंजनों में एक समान व्यवहार सुनिश्चित करने के लिए अनस्टाइल (unstyled) कंपोनेंट लॉजिक प्रदान करती है। यह स्टेटचार्ट्स का उपयोग करके जटिल यूजर इंटरफेस इंटरैक्शन को मॉडल करने के लिए एक टूलकिट के रूप में कार्य करती है, जो विज़ुअल स्टाइलिंग से अंतर्निहित लॉजिक और एक्सेसिबिलिटी एट्रिब्यूट्स को अलग करती है। यह लाइब्रेरी फ्रेमवर्क-अज्ञेयवादी (framework-agnostic) है, जो React, Solid, Vue और Svelte जैसी विभिन्न JavaScript लाइब्रेरी के साथ अपने स्टेट मशीन लॉजिक को जोड़ने के लिए विशेष एडेप्टर का उपयोग करती है। यह दृष्टिकोण डेवलपर्स को एक ही इंटरैक्शन मॉडल बनाए रखने की अनुमति देता है, जबकि स्टेट-संचालित डेटा एट्रिब्यूट्स के माध्यम से किसी भी CSS या स्टाइलिंग समाधान को लागू किया जा सकता है। Zag कार्यात्मक क्षेत्रों की एक विस्तृत श्रृंखला को कवर करती है, जिसमें कीबोर्ड नेविगेशन और ARIA एट्रिब्यूट्स के लिए व्यापक एक्सेसिबिलिटी प्रबंधन, और इंटरैक्टिव प्रिमिटिव्स का एक विशाल संग्रह शामिल है। इनमें इनपुट कंट्रोल्स, मेनू और टैब जैसे नेविगेशनल एलिमेंट्स, डायलॉग और पॉपओवर जैसे ओवरले कंपोनेंट्स, और इमेज क्रॉपिंग व सिग्नेचर कैप्चर के लिए जटिल मीडिया हैंडलिंग शामिल हैं। यह पदानुक्रमित डेटा प्रबंधन, एसिंक्रोनस लिस्ट हैंडलिंग और गाइडेड प्रोडक्ट टूर बनाने के लिए यूटिलिटीज भी प्रदान करती है।

tmagic-editor एक लो-कोड डेवलपमेंट प्लेटफ़ॉर्म और विज़ुअल पेज बिल्डर है जिसका उपयोग विज़ुअल कैनवास और कंपोनेंट लाइब्रेरी के माध्यम से फ्रंटएंड यूजर इंटरफेस को डिज़ाइन करने के लिए किया जाता है। यह एक फ्रंटएंड UI ऑर्केस्ट्रेटर के रूप में कार्य करता है जो पेज स्ट्रक्चर्स को परिभाषित करता है और एक स्कीमा-संचालित फॉर्म जनरेटर जो इंटरैक्टिव यूजर फॉर्म्स बनाने के लिए संरचित डेटा की व्याख्या करता है। यह सिस्टम विभिन्न फ्रंटएंड एनवायरनमेंट में सुसंगत रेंडरिंग सुनिश्चित करने के लिए एक क्रॉस-फ्रेमवर्क कंपोनेंट एडाप्टर को नियोजित करता है। यह इंटरफेस मूवमेंट्स को लगातार संरचित डेटा में अनुवाद करने के लिए विज़ुअल-टू-JSON लेआउट सीरियलाइज़ेशन का उपयोग करता है, जिसे बाद में लाइव कंपोनेंट्स को इंस्टेंटिएट करने के लिए एक रनटाइम लेआउट व्याख्या इंजन द्वारा संसाधित किया जाता है। यह प्लेटफ़ॉर्म फ्रंटएंड कंपोनेंट ऑर्केस्ट्रेशन और स्कीमा-संचालित फॉर्म जनरेशन को कवर करता है, जो विज़ुअल कैनवास को कॉन्फ़िगरेशन पैनल्स के साथ लिंक करने के लिए मेटाडेटा-आधारित फॉर्म जनरेशन और स्टेट-आधारित प्रॉपर्टी सिंक्रोनाइज़ेशन का उपयोग करता है।