10 dépôts
Options for defining and modifying visual shape properties.
Distinguishing note: Focuses on shape-specific visual options rather than general UI styling.
Explore 10 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 est une collection de feuilles de style CSS, de surcharges de style et d'un framework UserChrome conçu pour redéfinir la mise en page et l'apparence du navigateur web Firefox. Il fonctionne comme un personnalisateur d'interface de navigateur et un kit de style qui utilise l'injection CSS et les surcharges DOM pour modifier le shell du navigateur. Le projet se distingue en offrant une intégration profonde avec les systèmes d'exploitation hôtes, permettant aux décorations de fenêtre, menus et thèmes du navigateur de correspondre aux couleurs d'accentuation du système et à l'esthétique native du bureau. Il inclut des capacités spécialisées pour modifier la hiérarchie visuelle de l'interface et fournir des distributions de thèmes visuels prédéfinis. Les domaines de capacités larges couvrent la modification complète de la mise en page, incluant la possibilité d'ajuster la densité des éléments, de repositionner les barres d'onglets et de réorganiser les barres d'outils de navigation. Le projet fournit également des outils pour la gestion des onglets, la refonte des lecteurs multimédias internes, la suppression des animations d'interface et la personnalisation des pages internes et de la typographie du navigateur. Le système est implémenté en utilisant SCSS et tire parti des mécanismes de style internes du navigateur et des configurations basées sur les préférences.
Configures the color and visibility of the dividing lines between unselected tabs.
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.
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.
Ce projet est une collection de guides de référence et de modèles réutilisables pour implémenter des mises en page CSS, la typographie et des effets visuels. Il sert de bibliothèque d'extraits de style et de guides d'implémentation pour structurer les pages web et créer des modèles d'interface utilisateur courants. Le dépôt fournit des galeries spécialisées pour les effets visuels et les modèles de composants UI. Ceux-ci incluent des techniques pour créer du glassmorphism, des formes géométriques complexes et des éléments interactifs tels que des accordéons, des info-bulles et des indicateurs d'onglet animés. Le projet couvre un large éventail de capacités frontend, incluant la conception réactive, les systèmes de mise en page flexibles et basés sur grille, et l'optimisation de la typographie. Il inclut également des ressources pour construire des effets de mouvement interactifs, le mélange de couleurs et le filtrage d'image pour résoudre les problèmes de rendu courants et améliorer l'esthétique de l'interface.
Offers implementation guides for creating custom geometric shapes like triangles and fans.
BackgroundLibrary is an Android UI styling framework and programmatic drawable generator. It provides a system for defining user interface components, backgrounds, and state-to-visual mappings through layout attributes and fluent code builders. The library enables the creation of complex background shapes, gradients, and strokes programmatically, removing the need for static XML resource files. It includes a view state manager that maps user interaction events, such as pressed or focused states, to specific visual changes in colors or strokes at runtime. The framework covers a broad range of
Defines backgrounds with specific geometries, corner radii, and gradients using programmatic attributes.
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.