3 Repos
Tools for switching between different states or versions of a component while retaining instance overrides.
Distinguishing note: Focuses on state-switching logic and override persistence across variants.
Explore 3 awesome GitHub repositories matching user interface & experience · Component Variant Management. Refine with filters or upvote what's useful.
This project is a browser-based collaborative design platform that provides a comprehensive workspace for interface design, interactive prototyping, and design system management. It functions as a vector graphics editor that enables teams to create, manage, and iterate on designs in real-time, utilizing a component-based inheritance model to ensure consistency across complex projects. The platform distinguishes itself through a deep integration of design and development workflows. It features a specialized developer handoff workspace that allows for the inspection of design properties, precis
The platform allows users to switch between component variants in designs while preserving layer overrides based on shared names, types, and hierarchy levels.
Stitches is a CSS-in-JS library and near-zero runtime CSS engine designed to define styles in JavaScript with minimal overhead. It functions as a variant-based styling framework and a tool for server-side rendered CSS, ensuring styles are extracted and rendered on the server to prevent layout shifts during client hydration. The project distinguishes itself through a structured variants API, allowing for the creation of multiple visual states for components that can be toggled via properties. It implements a system for design system development, focusing on high-performance UI styling and the
Provides a structured API for managing UI components with multiple visual states toggled through properties.
Dieses Projekt ist ein modulares UI-Framework für Vue-Anwendungen, das eine Sammlung wiederverwendbarer Komponenten auf Basis von Tailwind CSS bereitstellt. Es fungiert als konfigurationsgesteuertes Design-System-Tool, das es Entwicklern ermöglicht, visuelle Konsistenz über komplexe Anwendungen hinweg durch zentrales Theme-Management und Utility-basiertes Styling zu wahren. Die Bibliothek zeichnet sich durch eine hochgradig konfigurierbare Architektur aus, die variantenbasiertes Style-Mapping und die Anpassung von Komponenteninstanzen unterstützt. Entwickler können globale Defaults definieren oder mehrere Versionen desselben Interface-Elements erstellen, was dynamische visuelle Wechsel und spezifische Property-Overrides ohne Code-Duplizierung ermöglicht. Dieser Ansatz stellt sicher, dass Komponenten flexibel bleiben und gleichzeitig einer einheitlichen Designsprache folgen. Das Framework deckt eine breite Palette an Interface-Anforderungen ab, einschließlich spezialisierter Werkzeuge für die Datums- und Zeitauswahl sowie strukturiertes Formular-Design. Es legt Wert auf Performance durch Unterstützung von Build-Time-Optimierungen, wie selektives Komponenten-Importieren und das Entfernen ungenutzter Style-Definitionen, um die finale Bundle-Größe der Anwendung zu minimieren.
Supports creating multiple stylistic versions of components by mapping names to specific sets of visual rules.