6 repository-uri
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- este o bibliotecă de adâncime a vizualizărilor și un framework de layout pentru Android care oferă instrumente pentru adăugarea de efecte de stratificare spațială și grosime elementelor de interfață. Acesta funcționează ca un renderer de umbre personalizat, conceput pentru a stabili o ierarhie vizuală prin adâncime tridimensională. Biblioteca oferă în mod specific umbre consistente la rotație, asigurându-se că umbrele rămân aliniate vizual și atașate elementelor UI chiar și atunci când vizualizarea asociată este rotită. Sistemul gestionează aceste efecte printr-un pipeline de desenare personalizat și randare bazată pe canvas pentru a gestiona estomparea umbrelor, opacitatea și calculele dinamice de offset. Acesta organizează elementele de interfață în niveluri z-order stivuite pentru a menține consistența vizuală și ierarhia spațială în întreaga ierarhie de vizualizări.
Renders shadows that remain correctly aligned and attached to UI elements even during rotation.
Acesta este o componentă de tip bottom sheet și interfață modală pentru Android, concepută pentru a oferi un panou glisant care poate fi închis și care suprapune conținutul din partea de jos a ecranului. Servește ca înlocuitor pentru dialogurile și meniurile standard, acționând ca o vizualizare de prim-plan care implementează modelele de adâncime, elevație și umbre din Material Design. Proiectul funcționează ca un framework de animație a vizualizărilor care coordonează scalarea și translația în timp real a conținutului din fundal pe măsură ce panoul glisează. Gestionează tranziția vizuală între stările extinsă, parțial vizibilă (peeked) și închisă printr-o mașină de stări. Componenta suportă găzduirea de conținut bazat pe fragmente, inclusiv liste de meniuri și selectoare de acțiuni (intent action pickers). Include capabilități pentru întunecarea fundalului, randarea umbrelor bazate pe contur și notificări prin callback pentru a urmări schimbările de stare.
Uses custom outline providers to render depth-based elevation shadows that follow the panel's unique shape.
Acest proiect este un ghid tehnic și o bibliotecă de implementare pentru efecte vizuale avansate și animații accelerate hardware folosind framework-ul Core Animation pe iOS. Oferă o referință cuprinzătoare pentru crearea de grafică în mișcare de înaltă performanță, randare grafică personalizată și construirea de motoare 3D folosind transformări de perspectivă și manipularea axei Z. Colecția se distinge printr-un accent puternic pe optimizarea randării GPU și performanța grafică. Acoperă strategii avansate pentru a menține frame rate-uri ridicate, cum ar fi reducerea randării offscreen prin optimizarea shadow path-ului, implementarea încărcării și decompresiei asincrone a imaginilor și utilizarea caching-ului de conținut bazat pe rasterizare. Proiectul acoperă o gamă largă de arii de capabilități, inclusiv construcția de obiecte 3D, generarea de sisteme de particule și integrarea datelor senzorilor dispozitivului pentru animații bazate pe fizică. De asemenea, detaliază controlul complex al animațiilor, variind de la interpolarea keyframe-urilor și curbe de timing personalizate până la scrubbing-ul manual al animației și ajustarea vitezei de redare. Acoperirea suplimentară include gestionarea layout-ului spațial, desenarea formelor vectoriale și diagnostice pentru măsurarea utilizării GPU și analizarea performanței de randare.
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.