Awesome GitHub RepositoriesCross-Framework UI Libraries

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

Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.

यह प्रोजेक्ट एक क्रॉस-फ्रेमवर्क मीडिया प्लेयर और कंपोनेंट रैपर है जो Video.js इंजन को Vue 3 और React वातावरण में इंटीग्रेट करता है। यह एक एकीकृत प्लेबैक इम्प्लीमेंटेशन प्रदान करता है जो डेवलपर्स को एक डिक्लेरेटिव API का उपयोग करके वेब एप्लीकेशन्स में एक अनुकूलन योग्य वीडियो प्लेयर एम्बेड करने की अनुमति देता है। यह लाइब्रेरी एक रिएक्टिव इंटरफेस के रूप में कार्य करती है, जो मीडिया इंजन के आंतरिक प्लेबैक स्टेट और इवेंट्स को होस्ट फ्रेमवर्क के रिएक्टिव स्टेट मैनेजमेंट के साथ सिंक्रोनाइज़ करती है। यह एक साझा कंपोनेंट एब्स्ट्रैक्शन के माध्यम से विभिन्न फ्रंटएंड लाइब्रेरीज़ में सुसंगत प्लेयर व्यवहार और लॉजिक सुनिश्चित करती है। यह प्लेबैक स्टेट मॉनिटरिंग के प्रबंधन, उन्नत प्लेयर सेटिंग्स के कॉन्फ़िगरेशन और विस्तारित कार्यक्षमता के लिए थर्ड-पार्टी प्लगइन्स के एकीकरण सहित क्षमताओं की एक विस्तृत श्रृंखला को कवर करती है। यह कस्टम यूजर इंटरफेस कंट्रोल्स के निर्माण का भी समर्थन करती है जो प्लेयर के आंतरिक API के साथ इंटरैक्ट करते हैं।

Effector is a reactive state management library and data flow orchestrator designed for building complex, event-driven applications. It models application logic as a directed acyclic graph, where state updates and asynchronous side effects propagate automatically through declarative pipelines. By decoupling business logic from user interface layers, it allows developers to maintain state in independent containers that communicate via standard interfaces, ensuring the system remains framework-agnostic. The library distinguishes itself through its robust support for isolated execution scopes, w

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

WTM, .NET Core का उपयोग करके एंटरप्राइज़ सर्वर और क्लाइंट एप्लिकेशन बनाने के लिए एक डेवलपमेंट फ्रेमवर्क है। यह एक रैपिड एप्लिकेशन डेवलपमेंट टूल के रूप में कार्य करता है जो प्रोजेक्ट संरचनाओं और बॉयलरप्लेट कोड के निर्माण को स्वचालित करने के लिए जनरेटर और विज़ार्ड का एक सेट प्रदान करता है। फ्रेमवर्क में एक लो-कोड UI बिल्डर शामिल है जो कई फ्रंटएंड लाइब्रेरीज़ में फ़ॉर्म, ग्रिड और डायलॉग बनाने के लिए कंट्रोल्स की एक साझा लाइब्रेरी का उपयोग करता है। यह टेम्पलेट-आधारित कोड जनरेशन और कॉन्फ़िगरेशन-संचालित प्रोजेक्ट बूटस्ट्रैपिंग विज़ार्ड के माध्यम से विकास को और अधिक स्वचालित करता है। सिस्टम स्प्रेडशीट फ़ाइलों के लिए डेटा आयात इंजन और पेजिंग व बैच प्रोसेसिंग के लिए मानकीकृत ऑर्केस्ट्रेशन के माध्यम से एंटरप्राइज़ डेटा प्रबंधन को संभालता है। डेटा और पेजों तक पहुंच उपयोगकर्ताओं, भूमिकाओं और समूहों को विनियमित करने के लिए भूमिका-आधारित एक्सेस नियंत्रण प्रणाली के माध्यम से प्रबंधित की जाती है।

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

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

Animate Components एक मोशन फ्रेमवर्क है जो वेब एप्लिकेशन के भीतर विज़ुअल ट्रांज़िशन और एनीमेशन अनुक्रमों को प्रबंधित करने के लिए घोषणात्मक प्रिमिटिव्स का एक संग्रह प्रदान करता है। यह एक कंपोनेंट-आधारित लाइब्रेरी के रूप में कार्य करता है जिसे मोशन व्यवहार को मानकीकृत करने के लिए डिज़ाइन किया गया है, यह सुनिश्चित करते हुए कि इंटरफ़ेस तत्व किसी प्रोजेक्ट के विभिन्न हिस्सों में सुसंगत रूप से चलते और ट्रांज़िशन करते हैं। यह लाइब्रेरी एक फ्रेमवर्क-न्यूट्रल आर्किटेक्चर के माध्यम से खुद को अलग बनाती है जो एनीमेशन लॉजिक को विभिन्न कंपोनेंट मॉडल के साथ जोड़ती है। एक घोषणात्मक इंटरफ़ेस का उपयोग करके, यह डेवलपर्स को जटिल मोशन पैटर्न बनाने और कंपोनेंट लाइफसाइकिल के साथ टाइमिंग को सिंक्रनाइज़ करने की अनुमति देती है। यह दृष्टिकोण सुनिश्चित करता है कि विज़ुअल ट्रांज़िशन रेंडरिंग प्रक्रिया के साथ कसकर जुड़े हुए हैं, जो एक स्वच्छ दस्तावेज़ संरचना बनाए रखने के लिए एनीमेशन अनुक्रम समाप्त होने पर तत्वों को स्वचालित रूप से अनमाउंट करते हैं। अपनी मुख्य ऑर्केस्ट्रेशन क्षमताओं से परे, प्रोजेक्ट में स्टैंडअलोन स्टाइल परिभाषाएं उत्पन्न करने के लिए उपकरण शामिल हैं। ये कीफ़्रेम जनरेटर मोशन पैटर्न को बाहरी स्टाइलिंग लाइब्रेरी और CSS-in-JS समाधानों के साथ उपयोग के लिए निर्यात करने की अनुमति देते हैं, जो विविध डेवलपमेंट वातावरण में सुसंगत विज़ुअल ब्रांडिंग की सुविधा प्रदान करते हैं।