awesome-repositories.com
博客
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

3 个仓库

Awesome GitHub RepositoriesPolymorphic Component Rendering

The ability to change the underlying HTML element of a component while preserving its styling and behavior.

Distinct from Custom HTML Elements: Distinct from Custom HTML Elements: focuses on the architectural pattern of polymorphic rendering (as-prop) rather than just replacing tags.

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

Awesome Polymorphic Component Rendering GitHub Repositories

用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
  • rebassjs/rebassrebassjs 的头像

    rebassjs/rebass

    7,905在 GitHub 上查看↗

    Rebass is a React design system library that provides a collection of theme-driven, responsive UI primitives. It functions as a theme-based layout engine, using a set of stateless components to standardize spacing, typography, and colors across a user interface. The library distinguishes itself by mapping style properties to a central design theme through a styled-system approach. This allows for responsive style mapping where components automatically adapt their appearance based on screen size and provides the ability to swap underlying HTML elements while preserving styling logic to maintai

    Allows swapping the underlying HTML element of a component while preserving styling to maintain semantic markup.

    JavaScriptcolorcomponentscss
    在 GitHub 上查看↗7,905
  • joe-bell/cvajoe-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

    Supports polymorphic element binding, allowing the same variant logic to be applied to any HTML element type.

    TypeScriptclass-variance-authorityclassnameclassnames
    在 GitHub 上查看↗6,849
  • reach/reach-uireach 的头像

    reach/reach-ui

    5,977在 GitHub 上查看↗

    Reach UI is an open-source library of accessible, low-level React components designed to serve as a foundation for building design systems and interactive user interfaces. It is an accessibility-first toolkit that handles core concerns like ARIA attributes, focus management, and screen reader support automatically, without requiring developer configuration. The library is built as a collection of standalone packages, each managing its own lifecycle and dependencies, enabling granular adoption and tree-shaking. Components use a polymorphic rendering pattern, accepting an as prop to render as

    Ships polymorphic components that accept an as prop to render as any HTML element or custom component.

    TypeScript
    在 GitHub 上查看↗5,977
  1. Home
  2. User Interface & Experience
  3. Buttons
  4. Custom HTML Elements
  5. Polymorphic Component Rendering