6 Repos
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.
Explore 6 awesome GitHub repositories matching user interface & experience · Surface Shadows. Refine with filters or upvote what's useful.
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.
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
Renders configurable drop shadows behind windows to enhance depth and separation on screen.
Depth-LIB-Android- ist eine View-Depth-Bibliothek und ein Layout-Framework für Android, das Werkzeuge zum Hinzufügen von räumlichen Layering- und Dickeneffekten zu UI-Elementen bereitstellt. Es fungiert als benutzerdefinierter Schatten-Renderer, der eine visuelle Hierarchie durch dreidimensionale Tiefe etabliert. Die Bibliothek bietet speziell rotationskonsistente Schatten, die sicherstellen, dass Schatten visuell ausgerichtet bleiben und an UI-Elementen haften, selbst wenn die zugehörige View gedreht wird. Das System verwaltet diese Effekte durch eine benutzerdefinierte Drawing-Pipeline und Canvas-basiertes Rendering, um Schattenunschärfe, Deckkraft und dynamische Offset-Berechnungen zu handhaben. Es organisiert Interface-Elemente in gestapelten Z-Order-Ebenen, um visuelle Konsistenz und räumliche Hierarchie innerhalb der View-Hierarchie zu wahren.
Renders shadows that remain correctly aligned and attached to UI elements even during rotation.
Dies ist eine Android-Bottom-Sheet-Komponente und ein modales Interface, das als schließbares, von unten einschiebbares Panel über Inhalten liegt. Es dient als Ersatz für Standard-Dialoge und -Menüs und fungiert als Vordergrund-View, die Material-Design-Konzepte wie Tiefe, Elevation und Schatten implementiert. Das Projekt fungiert als View-Animations-Framework, das die Echtzeit-Skalierung und -Verschiebung von Hintergrundinhalten koordiniert, während das Panel gleitet. Es verwaltet den visuellen Übergang zwischen den Zuständen „expanded“, „peeked“ und „dismissed“ über eine Zustandsmaschine. Die Komponente unterstützt das Hosten von Fragment-basierten Inhalten, einschließlich Menülisten und Intent-Action-Pickern. Sie umfasst Funktionen für Hintergrundabdunklung, konturbasiertes Schatten-Rendering und Callback-Benachrichtigungen zur Verfolgung von Zustandsänderungen.
Uses custom outline providers to render depth-based elevation shadows that follow the panel's unique shape.
Dieses Projekt ist ein technischer Leitfaden und eine Implementierungsbibliothek für fortgeschrittene visuelle Effekte und Hardware-beschleunigte Animationen unter Verwendung des Core-Animation-Frameworks auf iOS. Es bietet eine umfassende Referenz für die Erstellung von High-Performance-Motion-Graphics, benutzerdefiniertem Grafik-Rendering und der Konstruktion von 3D-Engines mittels Perspektiv-Transformationen und Z-Achsen-Manipulation. Die Sammlung zeichnet sich durch einen starken Fokus auf GPU-Rendering-Optimierung und Grafikleistung aus. Sie deckt fortgeschrittene Strategien zur Aufrechterhaltung hoher Frameraten ab, wie etwa die Reduzierung von Offscreen-Rendering durch Shadow-Path-Optimierung, die Implementierung von asynchronem Bildladen und Dekomprimierung sowie die Nutzung von Rasterization-basiertem Content-Caching. Das Projekt deckt eine breite Palette an Funktionsbereichen ab, einschließlich 3D-Objektkonstruktion, Partikelsystem-Generierung und der Integration von Gerätesensordaten für physikbasierte Animationen. Es beschreibt zudem komplexe Animationssteuerung, von Keyframe-Interpolation und benutzerdefinierten Timing-Kurven bis hin zu manuellem Animations-Scrubbing und Anpassung der Wiedergabegeschwindigkeit. Zusätzliche Abdeckung umfasst räumliches Layout-Management, Vektorform-Zeichnung und Diagnostik zur Messung der GPU-Auslastung und Analyse der Rendering-Performance.
Core Animation defines specific vector paths for shadows to avoid expensive real-time calculations of the shadow shape.
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.