Awesome GitHub RepositoriesCollapse Sections

This project is a utility-first component library that provides a comprehensive suite of pre-styled, reusable interface elements. It functions as a build-time engine that generates design-system-compliant styles by mapping semantic tokens to standard HTML elements and utility classes. By compiling all component styles into static CSS at build time, the library eliminates the need for client-side style calculation, ensuring efficient performance. The library distinguishes itself through a configuration-driven architecture that manages color palettes and visual styles, enabling dynamic switchin

This project is a modular, open-source customer relationship management platform built on the Laravel framework. It serves as a comprehensive business application framework designed for tracking sales pipelines, managing business entities, and automating marketing workflows. By providing a self-hosted solution, it enables organizations to maintain full control over their contact data, sales leads, and communication history. The platform distinguishes itself through a highly extensible architecture that allows developers to modify core behavior without altering the underlying source code. It u

This project is a static site generator template designed for academics to build and maintain professional portfolios. It transforms markdown files and structured data into a cohesive website, allowing scholars to document their research publications, teaching experience, and speaking history without the need for a database. The platform is distinguished by its specialized tools for scholarly dissemination, including the ability to showcase research output with metadata and abstracts, and to catalog professional talks through interactive geographic visualizations. It supports the presentation

Thinking-Claude is a browser extension and reasoning interface designed to compel large language models to perform deep inner monologues before delivering final responses. It functions as a thought process formatter that organizes internal AI reasoning into a structured format. The tool uses systematic reasoning prompts and instruction-based injection to force models through a multi-step verification process. This ensures the AI executes a recursive loop of reasoning and self-correction prior to emitting an answer. To manage this output, the project employs client-side response interception

This project is a collection of native directives designed to implement the Bootstrap component framework within Angular applications. It provides a suite of modular interface elements that allow developers to build interactive web components without requiring external JavaScript dependencies. The library distinguishes itself by using a dependency-free logic layer that relies entirely on native framework primitives. It features a specialized service-based positioning engine to manage the placement of floating overlays and an event-driven system to coordinate the lifecycle of complex UI elemen

Spectre is a comprehensive CSS framework and UI utility toolkit designed for building responsive web interfaces. It functions as a CSS component library that provides pre-styled interface elements and helper classes to facilitate frontend UI development. The framework is distinguished by a pure-CSS component architecture that avoids dependence on external JavaScript runtimes. It utilizes a SASS-based build pipeline that supports class prefixing, stylesheet pruning, and a variable-based theme system for creating custom design systems. The project covers a wide range of layout and interface ca

Buefy is a lightweight user interface component library built for Vue.js. It serves as a programmatic wrapper for the Bulma CSS framework, providing a set of pre-styled layout utilities, form components, and structural wrappers to ensure a consistent visual identity. The library provides a comprehensive suite of form elements, including specialized date and time pickers, autocomplete inputs, and validation wrappers. It also includes layout tools such as navigation bars, off-canvas sidebars, and modal overlays, as well as notification systems for banners, snackbars, and toasts. Additional cap

Magit is a complete Git interface that runs inside Emacs, providing a full-featured porcelain for version control operations without leaving the editor. It renders repository state as structured, collapsible sections within Emacs buffers, and manages Git command execution through a transactional process model with automatic buffer refresh and error handling. The interface exposes all configuration through Emacs' standard customization system and uses a transient command framework for context-sensitive menu-driven Git operations. What distinguishes Magit is its granular control over every stag

ngx-bootstrap هي مجموعة من أدوات واجهة المستخدم ومكونات Bootstrap المصممة خصيصاً لإطار عمل Angular. توفر مكتبة من عناصر الواجهة القابلة لإعادة الاستخدام المصممة للعمل مع محرك تجميع وعرض Angular Ivy. تتيح المكتبة دمج مكونات Bootstrap في تطبيقات Angular لإنشاء واجهات مستخدم مستجيبة دون الحاجة إلى CSS أو JavaScript يدوي. تحل محل الحاجة إلى jQuery باستخدام توجيهات Angular لإدارة الحالة ومحرك تحديد موضع تكيفي للعناصر العائمة. تغطي مجموعة المكونات مجموعة واسعة من العناصر التفاعلية، بما في ذلك عناصر التحكم في التنقل مثل علامات التبويب والترقيم، والنوافذ المتراكبة مثل النوافذ المنبثقة (modals) والتلميحات (popovers)، وأدوات إدخال البيانات مثل منتقي التاريخ والوقت. تتضمن أيضاً أدوات التخطيط والتعليقات مثل الأكورديون، وأشرطة التقدم، والتنبيهات.

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

هذا المشروع هو مجموعة شاملة من مقتطفات الكود القابلة لإعادة الاستخدام، والخطافات المخصصة، وأنماط التنفيذ لبناء واجهات المستخدم باستخدام React. يعمل كمكتبة من الأمثلة القصيرة المصممة لحل مهام التطوير الشائعة، بدءاً من إدارة الحالة إلى تكامل DOM. توفر المجموعة مجموعة واسعة من الأدوات المتخصصة للتفاعل مع واجهات برمجة تطبيقات المتصفح، بما في ذلك تتبع أبعاد النافذة، وتقييم استعلام الوسائط، ومراقبة حالة الاتصال. كما تتضمن أدلة عملية ومقتطفات لتحسين الأداء، مثل التخزين المؤقت (memoization)، والتحميل الكسول، وإلغاء ارتداد تغيير الحالة. تغطي مجالات القدرات الواسعة تنفيذ مكونات واجهة المستخدم التفاعلية مثل النوافذ المنبثقة، وشرائح العرض، والواجهات المتبوبة، بالإضافة إلى الأنماط المعمارية لجلب البيانات، واستمرار الحالة، والتحقق من التحديث غير المتزامن. تتضمن المكتبة أيضاً أدوات لإدارة النماذج، ومعالجة الأحداث، ومزامنة التوجيه عبر تتبع حالة URL.

Vizro is a low-code Python framework for building production-ready data visualization applications. It functions as a UI orchestrator that allows users to define multi-page analytical dashboards through structured configurations in Python, YAML, or JSON, reducing the need for extensive frontend engineering. The project distinguishes itself through generative AI integration, utilizing a model context protocol server to translate natural language descriptions into validated dashboard configurations, charts, and layouts. It also features a decoupled data cataloging system that separates data sou

uillayouts is a comprehensive design system consisting of interactive components, responsive templates, motion-enhanced UI kits, and advanced visual effect toolkits. It provides a collection of accessible React UI components and pre-designed layout sections for landing pages. The project is distinguished by a specialized visual effects library and motion-driven components. It features high-performance graphical enhancements such as glassmorphism, mesh gradients, noise overlays, and SVG masking, alongside interactive elements that utilize physics-based animations and cursor-tracking effects.

Yoopta-Editor is a headless framework for building customizable block-based rich text editors. It utilizes a JSON-based document engine to manage editor state and provides a WYSIWYG interface for creating structured documents. The system separates core document logic from the visual layer, allowing for complete customization of the user interface. The framework is designed for real-time collaborative editing, featuring a synchronization engine with conflict resolution and remote cursor presence tracking. It offers a highly extensible plugin system that allows developers to define new content

هذا المشروع عبارة عن مجموعة من مكونات الواجهة القابلة لإعادة الاستخدام والتي يمكن الوصول إليها، والمبنية خصيصاً لإطار العمل Svelte. يعمل المشروع كنظام تصميم متكامل، حيث يوفر أدوات قياسية لبناء واجهات مستخدم متجاوبة وشاملة تلتزم بمعايير التصميم وإرشادات سهولة الوصول. تتميز المكتبة بتكاملها العميق مع إطار العمل Svelte، حيث تستخدم تحويلات تعتمد على المترجم (compiler) لتحسين عرض المكونات ومزامنة الحالة التفاعلية. كما تتضمن نظاماً قوياً لإدارة السمات (themes) يطبق الأنماط المرئية عبر خصائص CSS المخصصة، مما يسمح بتبديل السمات ديناميكياً أثناء التشغيل. بالإضافة إلى ذلك، تستخدم المكتبة تقنية العرض عبر البوابات (portal-based rendering) لعناصر الواجهة العائمة لضمان عدم حجبها بواسطة قيود الحاويات الأبوية. تغطي مجموعة المكونات نطاقاً واسعاً من متطلبات الواجهة، بما في ذلك إدارة جداول البيانات المهيكلة، وبناء النماذج الديناميكية مع التحقق المدمج، وحاويات التخطيط المتجاوبة. كما توفر أدوات متخصصة لتتبع نقاط توقف الشاشة (breakpoints)، وإدارة استمرارية حالة التطبيق، وتقديم إشعارات المستخدم عبر أنظمة مضمنة أو مشروطة (modal). صُممت المكتبة لدعم سير عمل تطوير فعال من خلال تقليم الأنماط غير المستخدمة وتحسين تسليم الأصول أثناء عملية البناء.

This project is a comprehensive design system framework and component library built for React. It provides a suite of modular, accessible, and themeable interface elements designed to maintain a unified visual language and brand alignment across complex web applications. By encapsulating interaction logic and styling within individual components, it enables developers to build consistent, responsive interfaces through declarative composition. The library distinguishes itself by prioritizing inclusive user experiences through built-in accessibility management, including standardized keyboard n