9 Repos
Options for defining and modifying visual shape properties.
Distinguishing note: Focuses on shape-specific visual options rather than general UI styling.
Explore 9 awesome GitHub repositories matching user interface & experience · Shape Customization. Refine with filters or upvote what's useful.
This project is a programmable, high-performance drawing engine designed for building collaborative whiteboards, diagramming tools, and infinite canvas applications. It provides a reactive graphics runtime that manages complex canvas interactions, viewport animations, and input handling through a unified signal-based API. The framework is built on a schema-driven data store that maintains application state in a strictly typed, centralized record system, enabling efficient UI updates and persistent data management. The engine distinguishes itself through a highly modular architecture that supp
Allows configuration of visual shape options for custom drawing elements.
shapez.io is an open-source automation base building game and infinite sandbox factory simulation. Players extract and process geometric shapes through conveyor belts and industrial automation to meet delivery goals within an endless map. The project incorporates a logic circuit simulation environment, allowing for the creation of automated control systems using wiring and logic gates to optimize factory operations. It utilizes an entity-component game architecture to manage thousands of active elements across its simulation. Gameplay covers industrial automation and resource logistics, spec
Mix and apply specific paints to produced shapes to meet delivery requirements.
Firefox-UI-Fix ist eine Sammlung von CSS-Stylesheets, Stil-Overrides und einem UserChrome-Framework, das darauf ausgelegt ist, das Layout und Erscheinungsbild des Firefox-Webbrowsers neu zu definieren. Es fungiert als Browser-Oberflächen-Anpasser und Styling-Kit, das CSS-Injection und DOM-Overrides verwendet, um die Browser-Shell zu modifizieren. Das Projekt zeichnet sich durch eine tiefe Integration mit Host-Betriebssystemen aus, wodurch Fensterdekorationen, Menüs und Themes des Browsers an Systemakzentfarben und native Desktop-Ästhetik angepasst werden können. Es enthält spezialisierte Funktionen zur Modifikation der visuellen Hierarchie der Oberfläche und bietet vordefinierte visuelle Theme-Distributionen. Breite Funktionsbereiche decken umfassende Layout-Modifikationen ab, einschließlich der Möglichkeit, Elementdichte anzupassen, Tab-Leisten neu zu positionieren und Navigations-Toolbars neu zu organisieren. Das Projekt bietet zudem Werkzeuge für Tab-Management, das Redesign interner Media-Player, das Entfernen von Oberflächenanimationen sowie die Anpassung interner Browserseiten und Typografie. Das System ist in SCSS implementiert und nutzt die internen Styling-Mechanismen des Browsers sowie präferenzgesteuerte Konfigurationen.
Configures the color and visibility of the dividing lines between unselected tabs.
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.
Defines custom boundaries for layers to create non-rectangular visual shapes.
bufferline.nvim is a buffer line plugin for Neovim that provides a visual tab bar at the top of the editor to display open buffers. It functions as a workspace organizer and tabpage management interface, allowing users to switch the display mode between individual open buffers and global tabpages. The project features an LSP diagnostic visualizer that maps language server errors and warnings directly onto the buffer tabs. It enables UI customization through adjustable tab shapes and underline indicators to emulate the appearance of graphical text editors. The plugin includes capabilities for
Renders buffer tabs with slanted or sloped visual edges instead of rectangular shapes.
Dieses Projekt ist eine Sammlung von Referenzleitfäden und wiederverwendbaren Mustern zur Implementierung von CSS-Layouts, Typografie und visuellen Effekten. Es dient als Bibliothek von Style-Snippets und Implementierungsleitfäden zur Strukturierung von Webseiten und zur Erstellung gängiger UI-Muster. Das Repository bietet spezialisierte Galerien für visuelle Effekte und UI-Komponentenmuster. Dazu gehören Techniken zur Erstellung von Glassmorphism, komplexen geometrischen Formen und interaktiven Elementen wie Akkordeons, Tooltips und animierten Tab-Indikatoren. Das Projekt deckt ein breites Spektrum an Frontend-Funktionen ab, einschließlich responsivem Design, flexiblen und Grid-basierten Layout-Systemen sowie Typografie-Optimierung. Es enthält zudem Ressourcen zum Erstellen interaktiver Bewegungseffekte, Farbmischungen und Bildfilterung, um häufige Rendering-Probleme zu lösen und die Ästhetik der Benutzeroberfläche zu verbessern.
Offers implementation guides for creating custom geometric shapes like triangles and fans.
This project provides a collection of coordinated color themes and visual presets for the tmux terminal multiplexer. It is designed to standardize the interface appearance by styling the status bar and window borders through a set of curated color palettes. The system enables comprehensive interface customization, allowing for the modification of window tabs and the application of visual styles to system metric displays. It includes a management system for switching between distinct visual presets to maintain a consistent aesthetic across the terminal workspace. The project covers the config
Configures the visual appearance of window tabs, including the use of specific character-based border styles.
Rhubarb is an automated lip sync generator and phonetic speech analyzer that converts audio recordings into timed mouth-shape animation data. It identifies sounds and syllables within audio files to map them to specific visual mouth shapes, serving as an animation timing exporter for external character animation software. The tool utilizes a language-independent phonetic recognizer to process speech regardless of the spoken language. To increase accuracy, it supports dialogue-guided recognition by using external text files to guide the phonetic analysis of specific spoken scripts. The system
Matches automated phonetic timing data to specific visual assets to fit the unique design of a character.
This project is a CSS-based library that provides custom visual themes for standard checkbox and radio button inputs. It functions as an extension for the Bootstrap framework, allowing developers to enhance the appearance of selection controls while maintaining native input functionality without the need for additional JavaScript logic. The library distinguishes itself by utilizing pure CSS techniques to manage visual states and component aesthetics. It employs a hidden-input-overlay pattern and state-driven selectors to ensure that custom designs respond automatically to native browser state
Supports modifying the geometry of selection controls, allowing for alternative visual styles such as rounded corners.