awesome-repositories.com
Blog
MCP
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetServeur MCPÀ proposNotre méthodologiePresse
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

11 dépôts

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

Trouvez les meilleurs dépôts grâce à l'IA.Nous recherchons les dépôts les plus pertinents grâce à l'IA.
  • vuetifyjs/vuetifyAvatar de vuetifyjs

    vuetifyjs/vuetify

    41,003Voir sur 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
    Voir sur GitHub↗41,003
  • pbakaus/impeccableAvatar de pbakaus

    pbakaus/impeccable

    38,798Voir sur 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
    Voir sur GitHub↗38,798
  • ssloy/tinyrendererAvatar de ssloy

    ssloy/tinyrenderer

    23,252Voir sur 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
    Voir sur GitHub↗23,252
  • niri-wm/niriAvatar de niri-wm

    niri-wm/niri

    20,069Voir sur 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
    Voir sur GitHub↗20,069
  • gui-cs/terminal.guiAvatar de gui-cs

    gui-cs/Terminal.Gui

    11,068Voir sur 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
    Voir sur GitHub↗11,068
  • yshui/picomAvatar de yshui

    yshui/picom

    4,667Voir sur 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
    Voir sur GitHub↗4,667
  • zdhxiong/mduiAvatar de zdhxiong

    zdhxiong/mdui

    4,517Voir sur 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
    Voir sur GitHub↗4,517
  • danielzeller/depth-lib-android-Avatar de danielzeller

    danielzeller/Depth-LIB-Android-

    4,529Voir sur GitHub↗

    Depth-LIB-Android- is a view depth library and layout framework for Android that provides tools for adding spatial layering and thickness effects to user interface elements. It functions as a custom shadow renderer designed to establish a visual hierarchy through three-dimensional depth. The library specifically provides rotation-consistent shadows, ensuring that shadows remain visually aligned and attached to UI elements even as the associated view is rotated. The system manages these effects through a custom drawing pipeline and canvas-based rendering to handle shadow blurring, opacity, an

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

    Java
    Voir sur GitHub↗4,529
  • flipboard/bottomsheetAvatar de Flipboard

    Flipboard/bottomsheet

    4,496Voir sur GitHub↗

    Il s'agit d'un composant de bottom sheet Android et d'une interface modale conçus pour fournir un panneau coulissant dismissible qui recouvre le contenu depuis le bas de l'écran. Il sert de remplacement aux boîtes de dialogue et menus standards, agissant comme une vue au premier plan qui implémente les motifs de profondeur, d'élévation et d'ombre du Material Design. Le projet fonctionne comme un framework d'animation de vue qui coordonne la mise à l'échelle et la translation en temps réel du contenu en arrière-plan lors du glissement du panneau. Il gère la transition visuelle entre les états étendu, aperçu et fermé via une machine à états. Le composant prend en charge l'hébergement de contenu basé sur des fragments, y compris des listes de menus et des sélecteurs d'intentions. Il inclut des capacités d'assombrissement de l'arrière-plan, de rendu d'ombre basé sur les contours et de notifications par callback pour suivre les changements d'état.

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

    Java
    Voir sur GitHub↗4,496
  • attackondobby/ios-core-animation-advanced-techniquesAvatar de AttackOnDobby

    AttackOnDobby/iOS-Core-Animation-Advanced-Techniques

    4,489Voir sur GitHub↗

    Ce projet est un guide technique et une bibliothèque d'implémentation pour les effets visuels avancés et les animations accélérées par le matériel utilisant le framework Core Animation sur iOS. Il fournit une référence complète pour créer des graphiques animés haute performance, un rendu graphique personnalisé et la construction de moteurs 3D utilisant des transformations de perspective et la manipulation de l'axe Z. La collection se distingue par un accent profond sur l'optimisation du rendu GPU et la performance graphique. Elle couvre des stratégies avancées pour maintenir des fréquences d'images élevées, telles que la réduction du rendu hors écran via l'optimisation des chemins d'ombre, l'implémentation du chargement et de la décompression asynchrones d'images, et l'utilisation de la mise en cache de contenu basée sur la rastérisation. Le projet couvre un large éventail de domaines de capacité, incluant la construction d'objets 3D, la génération de systèmes de particules et l'intégration de données de capteurs d'appareils pour des animations basées sur la physique. Il détaille également le contrôle complexe d'animation, allant de l'interpolation d'images clés et des courbes de timing personnalisées au nettoyage manuel d'animation et à l'ajustement de la vitesse de lecture. Une couverture supplémentaire inclut la gestion de la mise en page spatiale, le dessin de formes vectorielles et des diagnostics pour mesurer l'utilisation du GPU et analyser les performances de rendu.

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

    Voir sur GitHub↗4,489
  • lihangleo2/shadowlayoutAvatar de lihangleo2

    lihangleo2/ShadowLayout

    3,737Voir sur 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
    Voir sur GitHub↗3,737
  1. Home
  2. User Interface & Experience
  3. Shadow Utilities

Explorer les sous-tags

  • 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 sous-tagsConfigurable 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.