awesome-repositories.com
المدونة
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعحولكيفية ترتيب النتائجالصحافةخادم MCP
قانونيالخصوصيةالشروط
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

5 مستودعات

Awesome GitHub RepositoriesCross-Framework Components

UI components designed to work natively across multiple different frontend frameworks.

Distinct from Cross-Framework Component Distribution: Candidates focus on generation tools or embedding mechanisms rather than the property of being a cross-framework component.

Explore 5 awesome GitHub repositories matching user interface & experience · Cross-Framework Components. Refine with filters or upvote what's useful.

Awesome Cross-Framework Components GitHub Repositories

اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
  • wandb/openuiالصورة الرمزية لـ wandb

    wandb/openui

    22,415عرض على GitHub↗

    OpenUI is an AI design sandbox and natural language prototyping tool used to generate and render live user interface components from text descriptions. It functions as an LLM UI generator that translates natural language into executable HTML and CSS code. The system provides a pipeline for iterative refinement, allowing users to update existing interfaces by feeding previous code versions and new instructions back into the model. It also acts as a frontend framework converter, transforming HTML markup into different library formats to maintain styling consistency across various web frameworks

    Generates markup that can be adapted across multiple frontend frameworks to maintain styling consistency.

    TypeScriptaigenerative-aihtml-css-javascript
    عرض على GitHub↗22,415
  • jspreadsheet/ceالصورة الرمزية لـ jspreadsheet

    jspreadsheet/ce

    7,186عرض على GitHub↗

    This project is a JavaScript spreadsheet component and web-based data table that provides an interactive grid for managing tabular data. It functions as a cross-framework UI component compatible with React, Vue, and jQuery, and can also be embedded as a standalone web component. The grid is specifically designed for XLSX interoperability, allowing users to import and export XLSX files while preserving formulas and styles. It distinguishes itself through real-time collaboration for simultaneous multi-user editing and a flexible system for creating custom cell editors and specialized column typ

    Functions as a cross-framework component compatible with React, Vue, jQuery, and as a standalone web component.

    JavaScriptdata-griddatagriddatatables
    عرض على GitHub↗7,186
  • toeverything/blocksuiteالصورة الرمزية لـ toeverything

    toeverything/blocksuite

    5,544عرض على GitHub↗

    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

    Packages pre-built document and graphics editors as standard web components for use in any JavaScript framework.

    TypeScriptblockblock-editorcollaboration
    عرض على GitHub↗5,544
  • surmon-china/videojs-playerالصورة الرمزية لـ surmon-china

    surmon-china/videojs-player

    5,445عرض على GitHub↗

    هذا المشروع عبارة عن مشغل وسائط عبر الأطر وغلاف مكونات يدمج محرك Video.js في بيئات Vue 3 وReact. يوفر تنفيذاً موحداً للتشغيل يسمح للمطورين بتضمين مشغل فيديو قابل للتخصيص في تطبيقات الويب باستخدام واجهة برمجة تطبيقات تعريفية. تعمل المكتبة كواجهة تفاعلية، حيث تقوم بمزامنة حالة التشغيل الداخلية وأحداث محرك الوسائط مع إدارة الحالة التفاعلية لإطار العمل المضيف. يضمن هذا سلوكاً ومنطقاً متسقاً للمشغل عبر مكتبات الواجهة الأمامية المختلفة من خلال تجريد مكون مشترك. تغطي مجموعة واسعة من القدرات، بما في ذلك إدارة مراقبة حالة التشغيل، وتكوين إعدادات المشغل المتقدمة، وتكامل إضافات الطرف الثالث للحصول على وظائف موسعة. كما تدعم إنشاء عناصر تحكم واجهة مستخدم مخصصة تتفاعل مع واجهة برمجة التطبيقات الداخلية للمشغل.

    Provides UI components that function identically across both Vue 3 and React environments.

    TypeScriptdash-playerflv-playerhls-player
    عرض على GitHub↗5,445
  • chakra-ui/arkالصورة الرمزية لـ chakra-ui

    chakra-ui/ark

    5,004عرض على GitHub↗

    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

    Offers identical component APIs and behavior across React, Solid, Vue, and Svelte for a unified design system.

    TypeScriptcomponentsdesign-systemheadless
    عرض على GitHub↗5,004
  1. Home
  2. User Interface & Experience
  3. Cross-Framework Components

استكشف الوسوم الفرعية

  • Code TransformersTools that translate UI markup from one framework format to another. **Distinct from Cross-Framework Components:** Distinct from Cross-Framework Components: focuses on the act of transformation rather than the property of the resulting components.