awesome-repositories.com
Blog
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

3 repositorios

Awesome GitHub RepositoriesComponent Variant Presets

Stylistic presets that allow components to switch between different visual appearances based on context.

Distinguishing note: No existing candidates provided; focuses on variant-based styling logic rather than base component definitions.

Explore 3 awesome GitHub repositories matching user interface & experience · Component Variant Presets. Refine with filters or upvote what's useful.

Awesome Component Variant Presets GitHub Repositories

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • vuetifyjs/vuetifyAvatar de vuetifyjs

    vuetifyjs/vuetify

    41,003Ver en GitHub↗

    This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens. What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexib

    The library adjusts the visual appearance of components using stylistic presets to suit different design contexts and functional needs.

    TypeScriptjavascriptmaterialmaterial-components
    Ver en GitHub↗41,003
  • joe-bell/cvaAvatar de joe-bell

    joe-bell/cva

    6,849Ver en GitHub↗

    cva is a TypeScript utility for defining and resolving visual variants for UI components with full type safety. It generates CSS class strings from typed variant definitions, enabling compile-time validation of component usage by deriving the union of all variant prop types from a configuration object. The library distinguishes itself through compound variant matching, which activates styles only when multiple independent variant conditions are simultaneously satisfied, merging their class names. It also provides default value propagation to ensure consistent rendering when no explicit varian

    Defines visual or behavioral variations for a component and generates the correct class name string based on the chosen variant.

    TypeScriptclass-variance-authorityclassnameclassnames
    Ver en GitHub↗6,849
  • gluestack/gluestack-uiAvatar de gluestack

    gluestack/gluestack-ui

    4,931Ver en GitHub↗

    gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box. A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating ve

    Enables component variants to automatically inherit contextual styles from parent variants through scope-aware context.

    TypeScriptaccessibilitycomponent-librarycustomizable-components
    Ver en GitHub↗4,931
  1. Home
  2. User Interface & Experience
  3. Component Variant Presets

Explorar subetiquetas

  • Contextual Variant InheritanceComponent variant system that automatically inherits styles from parent variants using a scope-aware context. **Distinct from Component Variant Presets:** Distinct from general component variant presets: specifically covers automatic inheritance through contextual scope, not manual preset switching.