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

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

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

11 مستودعات

Awesome GitHub RepositoriesShadow Utilities

Utility classes for applying depth and elevation effects to UI elements using box-shadows.

Distinguishing note: Focuses on z-axis elevation and shadow depth rather than general layout or color.

Explore 11 awesome GitHub repositories matching user interface & experience · Shadow Utilities. Refine with filters or upvote what's useful.

Awesome Shadow Utilities GitHub Repositories

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

    vuetifyjs/vuetify

    41,003عرض على GitHub↗

    This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens. What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexib

    The library applies visual depth and layering to elements using utility classes to create a sense of hierarchy.

    TypeScriptjavascriptmaterialmaterial-components
    عرض على GitHub↗41,003
  • pbakaus/impeccableالصورة الرمزية لـ pbakaus

    pbakaus/impeccable

    38,798عرض على GitHub↗

    Impeccable is a design system framework for large language models and an AI coding assistant plugin. It functions as an AI-driven UI generator and a rule-based design linter, providing a structured set of instructions and configuration files to standardize the production of professional user interfaces. The project features a design token orchestrator that maps standards across different AI provider environments and a config-driven factory for managing skills across multiple providers. It employs a deterministic rule engine to audit interfaces for accessibility violations, typography errors,

    Utilizes a specific shadow vocabulary to create visual depth and elevation effects through panel setbacks and lifts.

    JavaScript
    عرض على GitHub↗38,798
  • ssloy/tinyrendererالصورة الرمزية لـ ssloy

    ssloy/tinyrenderer

    23,252عرض على GitHub↗

    Tinyrenderer is a C++ library designed as an educational tool for building a 3D graphics pipeline from scratch. It provides a software-defined rendering environment that executes all geometric transformations and rasterization tasks on the central processor, intentionally avoiding reliance on external hardware acceleration or graphics libraries. The project serves as a pedagogical resource for understanding the fundamental mathematical principles of computer graphics. It enables users to implement custom shader pipelines and core rendering techniques, such as barycentric coordinate calculatio

    Determines surface occlusion by comparing fragment depth against a pre-rendered scene representation from the light source perspective.

    C++3d3d-graphicsc-plus-plus
    عرض على GitHub↗23,252
  • niri-wm/niriالصورة الرمزية لـ niri-wm

    niri-wm/niri

    20,069عرض على GitHub↗

    Niri is a Wayland compositor and tiling window manager designed for Linux systems. It functions as a display server that organizes application windows into a scrollable, column-based layout, providing a structured environment for managing graphical sessions, input routing, and hardware output. The project distinguishes itself through a declarative configuration engine that enables live-reloading of settings, allowing users to modify window rules, input bindings, and visual appearance without restarting the session. It features a physics-based animation system that uses spring-based curves to

    Add and customize drop shadows for layer surfaces to improve visual depth and separation from the background.

    Rustrustsmithaytiling-window-manager
    عرض على GitHub↗20,069
  • gui-cs/terminal.guiالصورة الرمزية لـ gui-cs

    gui-cs/Terminal.Gui

    11,068عرض على GitHub↗

    Terminal.Gui is a cross-platform .NET toolkit for building interactive text-based user interfaces. It provides a component-based architecture, a terminal rendering engine, and a declarative layout system to create console applications that run consistently across Windows, macOS, and Linux. The framework distinguishes itself with a comprehensive set of interactive console widgets, including data grids, hex editors, and hierarchical tree components. It supports advanced visual capabilities such as 24-bit True Color, Sixel image support, and a relative-coordinate layout system that adapts to ter

    Provides utility classes for adding depth and elevation effects to UI elements via drop shadows.

    C#consoleconsole-applicationcross-platform
    عرض على GitHub↗11,068
  • yshui/picomالصورة الرمزية لـ yshui

    yshui/picom

    4,667عرض على GitHub↗

    picom is a lightweight X11 compositor that adds visual enhancements to the X Window System desktop, including configurable drop shadows behind windows, per-window transparency, and composite effects such as blur and fading. It manages window opacity so that content behind windows can become partially visible, and it renders shadows to improve the sense of depth and separation between overlapping windows. Under the hood, picom uses a damage-event-driven render loop that redraws only the regions of the screen that have changed, minimising unnecessary full-frame renders. A double-buffered compos

    Adds transparency and drop shadows to windows via an X11 compositor for visual depth and separation.

    Ccompositorcomptonlinux
    عرض على GitHub↗4,667
  • zdhxiong/mduiالصورة الرمزية لـ zdhxiong

    zdhxiong/mdui

    4,517عرض على GitHub↗

    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

    Defines depth and elevation levels for components using a tiered system of CSS box-shadows.

    TypeScriptcssjavascriptmaterial
    عرض على GitHub↗4,517
  • danielzeller/depth-lib-android-الصورة الرمزية لـ danielzeller

    danielzeller/Depth-LIB-Android-

    4,529عرض على GitHub↗

    Depth-LIB-Android- هي مكتبة لعمق العرض وإطار عمل للتخطيط على Android توفر أدوات لإضافة تأثيرات الطبقات المكانية والسمك لعناصر واجهة المستخدم. تعمل كمُصيّر ظلال مخصص مصمم لإنشاء تسلسل هرمي مرئي من خلال العمق ثلاثي الأبعاد. توفر المكتبة تحديداً ظلالاً متسقة مع الدوران، مما يضمن بقاء الظلال محاذية بصرياً ومرتبطة بعناصر واجهة المستخدم حتى عند تدوير العرض المرتبط. يدير النظام هذه التأثيرات من خلال خط رسم مخصص وعرض يعتمد على Canvas للتعامل مع تمويه الظل، والشفافية، وحسابات الإزاحة الديناميكية. ينظم عناصر الواجهة في مستويات ترتيب Z مكدسة للحفاظ على الاتساق المرئي والتسلسل الهرمي المكاني عبر هيكل العرض.

    Renders shadows that remain correctly aligned and attached to UI elements even during rotation.

    Java
    عرض على GitHub↗4,529
  • flipboard/bottomsheetالصورة الرمزية لـ Flipboard

    Flipboard/bottomsheet

    4,496عرض على GitHub↗

    هذا مكون Android bottom sheet وواجهة مشروطة (modal) مصممة لتوفير لوحة منزلقة قابلة للإغلاق تغطي المحتوى من أسفل الشاشة. يعمل كبديل للحوارات والقوائم القياسية، كعرض أمامي ينفذ أنماط العمق والارتفاع والظلال الخاصة بـ Material Design. يعمل المشروع كإطار عمل لتحريك العرض ينسق تغيير الحجم والترجمة في الوقت الفعلي للمحتوى الخلفي أثناء انزلاق اللوحة. ويدير الانتقال البصري بين حالات التوسع، والظهور الجزئي، والإغلاق من خلال آلة حالة (state machine). يدعم المكون استضافة محتوى يعتمد على الـ fragments، بما في ذلك قوائم القوائم ومنتقيات إجراءات الـ intent. ويتضمن قدرات لتعتيم الخلفية، وعرض الظلال القائمة على المخطط التفصيلي، وإشعارات رد الاتصال (callbacks) لتتبع تغييرات الحالة.

    Implements Material Design depth and elevation shadows using a custom outline provider.

    Java
    عرض على GitHub↗4,496
  • attackondobby/ios-core-animation-advanced-techniquesالصورة الرمزية لـ AttackOnDobby

    AttackOnDobby/iOS-Core-Animation-Advanced-Techniques

    4,489عرض على GitHub↗

    هذا المشروع هو دليل تقني ومكتبة تنفيذ للتأثيرات البصرية المتقدمة والرسوم المتحركة المسرعة بالأجهزة باستخدام إطار عمل Core Animation على iOS. يوفر مرجعاً شاملاً لإنشاء رسومات متحركة عالية الأداء، وعرض رسومي مخصص، وبناء محركات ثلاثية الأبعاد باستخدام تحويلات المنظور ومعالجة المحور Z. تتميز المجموعة بتركيز عميق على تحسين عرض GPU وأداء الرسومات. وتغطي استراتيجيات متقدمة للحفاظ على معدلات إطارات عالية، مثل تقليل العرض خارج الشاشة عبر تحسين مسار الظل، وتنفيذ تحميل وفك ضغط الصور غير المتزامن، واستخدام التخزين المؤقت للمحتوى القائم على التنقيط (rasterization). يغطي المشروع مجموعة واسعة من مجالات القدرة، بما في ذلك بناء الكائنات ثلاثية الأبعاد، وإنشاء نظام الجسيمات، ودمج بيانات مستشعر الجهاز للرسوم المتحركة القائمة على الفيزياء. كما يفصل التحكم المعقد في الرسوم المتحركة، بدءاً من استيفاء الإطارات الرئيسية ومنحنيات التوقيت المخصصة إلى مسح الرسوم المتحركة اليدوي وتعديل سرعة التشغيل. تشمل التغطية الإضافية إدارة التخطيط المكاني، ورسم أشكال المتجهات، وتشخيصات لقياس استخدام GPU وتحليل أداء العرض.

    Core Animation defines specific vector paths for shadows to avoid expensive real-time calculations of the shadow shape.

    عرض على GitHub↗4,489
  • lihangleo2/shadowlayoutالصورة الرمزية لـ lihangleo2

    lihangleo2/ShadowLayout

    3,737عرض على GitHub↗

    ShadowLayout is an Android UI component styling library used to create depth effects and interactive state transitions within mobile layouts. It provides a system for implementing complex visual effects such as custom shadows, rounded corners, and borders for views without requiring custom XML shape files. The project features a custom shadow engine that allows for adjustable blur, offset, and spread settings to simulate depth. It includes tools for precise corner radius control and geometric border rendering for both solid and dashed outlines. The library provides a set of interactive compo

    Ships a custom shadow engine that calculates offsets, blur radii, and spreads to create high-fidelity depth effects.

    Java
    عرض على GitHub↗3,737
  1. Home
  2. User Interface & Experience
  3. Shadow Utilities

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

  • Shadow MappingDetermines surface occlusion by comparing fragment depth against a pre-rendered scene representation from the perspective of the light source. **Distinct from Shadow Utilities:** Distinct from UI shadow utilities: focuses on 3D depth-map-based occlusion rather than 2D UI elevation.
  • Surface Shadows4 وسوم فرعيةConfigurable drop shadows for desktop interface elements to enhance visual depth. **Distinct from Shadow Utilities:** Distinct from Shadow Utilities: focuses on compositor-level window and layer surface shadows rather than generic UI box-shadows.