awesome-repositories.com
المدونة
MCP
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعخادم MCPحولكيفية ترتيب النتائجالصحافة
قانونيالخصوصيةالشروط
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

3 مستودعات

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

اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
  • vuetifyjs/vuetifyالصورة الرمزية لـ vuetifyjs

    vuetifyjs/vuetify

    41,003عرض على 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
    عرض على GitHub↗41,003
  • joe-bell/cvaالصورة الرمزية لـ joe-bell

    joe-bell/cva

    6,849عرض على 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
    عرض على GitHub↗6,849
  • gluestack/gluestack-uiالصورة الرمزية لـ gluestack

    gluestack/gluestack-ui

    4,931عرض على 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
    عرض على GitHub↗4,931
  1. Home
  2. User Interface & Experience
  3. Component Variant Presets

استكشف الوسوم الفرعية

  • 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.