Awesome GitHub RepositoriesComponent Instance Initializers

react-slick is a React carousel component and responsive slider library. It provides a reusable user interface element for displaying a sequence of items in a horizontal scroll, supporting infinite looping, navigation dots, and adjustable transition speeds. The library enables the creation of touch-enabled image and content sliders that adapt to different screen sizes. It is used to build interactive content carousels, responsive image sliders, and rotating banners for product showcases.

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

This is a Figma MCP server that exposes document manipulation capabilities to AI assistants through the Model Context Protocol. It functions as a bridge between AI tools and Figma, enabling programmatic creation, reading, updating, and deletion of design elements including frames, text nodes, components, and connectors. The server provides AI-powered design generation that translates natural language prompts into complete UI screens and design elements within Figma. It includes a design annotation system for adding, updating, and retrieving markdown-supported annotations on nodes, along with

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

ComponentKit is a declarative UI framework for building iOS interfaces through composition of small, reusable components. It provides a structured approach to constructing user interfaces where each component is defined as an immutable, pure function of its inputs, enabling predictable rendering and state management. The framework supports both stateless and stateful components, with controllers that can be attached to manage persistent state across component updates. The framework distinguishes itself through its component architecture that emphasizes explicit data flow and compile-time safe

seL4 is a formally verified microkernel whose C implementation is backed by machine-checked mathematical proofs of correctness, confidentiality, integrity, and availability. It enforces strict isolation between processes through hardware-enforced address space separation and a capability-based access control system, where each process holds explicit rights only to the resources it has been granted. The kernel exposes hardware resources through a minimal API of system calls that manage threads, address spaces, and inter-process communication, with synchronous IPC supporting sender-identifying b

re-frame هو إطار عمل وظيفي لبناء تطبيقات الصفحة الواحدة (SPA) باستخدام ClojureScript. يوفر قاعدة بيانات مركزية غير قابلة للتغيير تعمل كمصدر وحيد للحقيقة لحالة التطبيق بالكامل، مما يفرض تدفق بيانات أحادي الاتجاه صارم حيث تؤدي الأحداث إلى تغييرات في الحالة وتحديثات لاحقة للعرض. يتميز إطار العمل برسم بياني تفاعلي للإشارات وخط أنابيب (pipeline) وسيط يعتمد على المعترضات (interceptors). من خلال التعامل مع منطق التطبيق كسلسلة من الأحداث القائمة على البيانات والآثار الجانبية التصريحية، فإنه يفصل منطق الأعمال عن طبقة العرض. تسمح هذه البنية للمطورين بإدارة تغييرات الحالة المعقدة والعمليات الخارجية من خلال دوال نقية، مما يضمن تنفيذ الآثار الجانبية بواسطة مترجم منفصل بدلاً من الاستدعاءات الإلزامية. يتضمن النظام مجموعة شاملة من الإمكانيات لإدارة بنية التطبيق، بما في ذلك اشتقاق البيانات التفاعلي، ومطابقة العرض القائمة على الاشتراكات، وإدارة الحالة القائمة على الأحداث. يدعم سير عمل التطوير المتقدم مثل تتبع الأحداث، وحفظ نقاط فحص الحالة، والقدرة على محاكاة الآثار الجانبية للاختبار المعزول. تم تصميم المشروع للتكامل مع React، مستفيداً من مطابقة DOM الافتراضي لتحديث واجهات المستخدم بكفاءة. يوفر مجموعة قوية من الأدوات للتعامل مع الاهتمامات المتقاطعة، وإدارة رسوم بيانية معقدة لتدفق البيانات، وتنسيق العمليات غير المتزامنة ضمن خط أنابيب أحداث متسلسل وقابل للتنبؤ.

monaco-react is a React component wrapper for the Monaco Editor, providing a declarative way to embed a browser-based text editor into web applications. It includes components for standard code editing with syntax highlighting and a specialized diff editor for side-by-side version comparison. The project enables the integration of syntax validation to flag errors and provides mechanisms for managing multiple files through unique model identifiers, which preserve undo history and selection states during switches. It allows for custom asset loading via CDN or local paths and provides access to

react-ace هو مكون React يغلف محرر الكود Ace، مصمم لتضمين تحرير النصوص الغني وتمييز الصيغة في تطبيقات الويب. يوفر محرراً يعتمد على المتصفح يطبق قواعد التلوين والتنسيق الخاصة باللغة على الكود المصدري وملفات الترميز. يتميز المشروع بدعم أوضاع تفاعل لوحة المفاتيح المتخصصة، بما في ذلك Vim و Emacs، بالإضافة إلى عارض فرق جنباً إلى جنب لمقارنة إصدارات الملفات المختلفة. كما يعمل كأداة لمقتطفات الكود والإكمال التلقائي المباشر لتسريع إدخال النص. يغطي المكون مجموعة واسعة من إمكانيات المحرر، بما في ذلك إدارة السمات المرئية، وتعليقات الكود، ومؤشرات الخطأ أو التحذير. يوفر واجهات برمجية لمزامنة الحالة، واستخراج تحديد النص، وتنفيذ طرق المحرر الداخلية مثل البحث والاستبدال.

هذا المشروع هو إطار عمل واجهة مستخدم معياري لتطبيقات Vue يوفر مجموعة من المكونات القابلة لإعادة الاستخدام والمبنية باستخدام Tailwind CSS. يعمل كأداة نظام تصميم تعتمد على التهيئة، مما يمكن المطورين من الحفاظ على الاتساق المرئي عبر التطبيقات المعقدة من خلال إدارة السمات المركزية والتصميم القائم على الأدوات المساعدة (utility-based). تتميز المكتبة بمعمارية قابلة للتهيئة بدرجة عالية تدعم تعيين الأنماط القائم على المتغيرات وتخصيص مثيل المكون. يمكن للمطورين تحديد الإعدادات الافتراضية العالمية أو إنشاء إصدارات متعددة من نفس عنصر الواجهة، مما يسمح بالتبديل المرئي الديناميكي وتجاوزات الخصائص المحددة دون تكرار الكود. يضمن هذا النهج بقاء المكونات مرنة مع الالتزام بلغة تصميم موحدة. يغطي إطار العمل مجموعة واسعة من متطلبات الواجهة، بما في ذلك أدوات متخصصة لاختيار التاريخ والوقت وتصميم مدخلات النماذج المهيكلة. ويؤكد على الأداء من خلال دعم تحسينات وقت البناء، مثل استيراد المكونات الانتقائي وإزالة تعريفات الأنماط غير المستخدمة، لتقليل حجم حزمة التطبيق النهائية.