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

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

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

radix-ui/primitives

0
View on GitHub↗

Primitives

Primitives is a library of unstyled, accessible building blocks designed for creating complex interface elements in React. It functions as a headless component framework, providing the underlying logic, state management, and accessibility compliance while leaving all visual styling and design decisions entirely to the developer.

The library distinguishes itself through a composition-based architecture that allows developers to build interactive interfaces by nesting small, single-purpose components. This system automatically handles complex requirements such as WAI-ARIA attribute injection, focus management, and keyboard navigation. By intercepting and normalizing browser events, the framework ensures consistent interaction behavior across different input devices and browsers.

The components support both controlled and uncontrolled state patterns, allowing developers to either delegate state management to the library or override it for specific application requirements. This approach provides a foundation for custom design system engineering, where the structural and functional logic of interface elements remains decoupled from their appearance.

AI 搜索

探索更多 awesome 仓库

用简单的语言描述您的需求 —— AI 将根据相关性为您从数千个精选开源项目中进行排序。

Start searching with AI
radix-ui.com/primitives
↗

Features

  • React Components - Provides a foundational library of unstyled, accessible React components for building complex, custom interface elements.
  • Accessible Component Libraries - Implements a suite of accessible, headless components that ensure WAI-ARIA compliance, focus management, and keyboard navigation for web interfaces.
  • Accessible UI Components - Provides accessible UI components that automatically handle focus management and keyboard navigation.
  • Headless UI Components - Functions as a headless framework providing logic and accessibility for interface elements without enforcing visual styles.
  • Headless Logic Decoupling - Decouples logic and accessibility behaviors from visual styling to provide full control over component appearance.
  • Declarative UI Frameworks - Provides a declarative framework for building interactive interfaces using composition-based patterns.
  • Component Composition Primitives - Provides modular primitives that encapsulate behavioral logic to facilitate the composition of complex user interface components.
  • Custom Component Builders - Offers unstyled building blocks that allow developers to customize the visual style and structure of interface elements.
  • Design System Specifications - Supports custom design system engineering by providing unstyled primitives that accept custom properties.
  • UI Component Libraries - Unstyled, accessible primitives for building design systems.
  • Design and Assets - Component library for building accessible design systems.
  • Context State Propagators - Implements mechanisms for sharing application state across component trees using provider patterns.
  • Ref Forwarding - Uses reference forwarding to allow parent components to access and manipulate the underlying DOM nodes of children.
  • Component State Management - Enables flexible state management by allowing developers to choose between automatic handling or manual overrides.
  • Declarative State Managers - Handles internal component state through patterns that allow developers to manage or delegate data flow.
  • Attribute Injection - Automatically injects accessibility attributes and keyboard event listeners into rendered DOM elements.
  • Complex State Management - Provides tools for handling complex internal data logic for interactive interface elements.
  • Internal State Definitions - Supports flexible state patterns by allowing developers to choose between controlled and uncontrolled component data logic.
  • Cross-Browser Event Managers - Manages complex interactions by intercepting and normalizing browser events for consistent cross-browser behavior.
  • Event Normalizers - Standardizes browser events to ensure consistent interaction behavior across different input devices and web browsers.
18,642 星标·1,115 分支·TypeScript·mit·18 次浏览

Star 历史

radix-ui/primitives 的 Star 历史图表radix-ui/primitives 的 Star 历史图表

Primitives 的开源替代方案

相似的开源项目，按与 Primitives 的功能重合度排序。
  • facebook/reactfacebook 的头像

    facebook/react

    245,669在 GitHub 上查看↗

    React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional data flow.

    JavaScriptjavascriptuifrontend
    在 GitHub 上查看↗245,669
  • tamagui/tamaguitamagui 的头像

    tamagui/tamagui

    13,729在 GitHub 上查看↗

    Tamagui is a cross-platform user interface framework designed to build high-performance, themeable applications that share logic and styling across web and mobile environments. It functions as a comprehensive design system orchestrator, providing a collection of type-safe components that compile to optimized atomic CSS for the web and native code for mobile platforms. By utilizing a build-time compiler, the framework eliminates runtime overhead, ensuring consistent visual output and interaction behavior regardless of the target platform. The framework distinguishes itself through its advanced

    TypeScriptatomic-csscss-in-jsoptimizing-compiler
    在 GitHub 上查看↗13,729
  • segmentio/evergreensegmentio 的头像

    segmentio/evergreen

    12,424在 GitHub 上查看↗

    Evergreen is a React UI component library and design system framework. It provides a collection of pre-styled, accessible interface elements used to build consistent web applications. The library functions as a server-side rendered UI kit, allowing components to generate HTML on the server to improve page load speeds and search engine visibility. It includes a centralized styling layer for managing colors, typography, and spacing through custom UI theming. The framework covers accessible web design and enterprise interface design, utilizing a token-based styling system to maintain a uniform

    JavaScriptcomponent-librarydesign-systemsevergreen
    在 GitHub 上查看↗12,424
  • radix-ui/themesradix-ui 的头像

    radix-ui/themes

    8,490在 GitHub 上查看↗

    This project is an accessible UI component library and themed design system. It provides a collection of pre-made user interface components designed to meet accessibility standards and maintain a consistent visual identity across web applications. The system includes an interactive theme previewer, which allows for the adjustment and testing of visual settings in real time within a running application. It covers global theme management and design system implementation through root configurations and a token-driven approach. The library supports rapid frontend prototyping by offering a set of

    TypeScriptaccessibilitycolorscomponent-library
    在 GitHub 上查看↗8,490
查看 Primitives 的所有 30 个替代方案→

常见问题解答

radix-ui/primitives 是做什么的？

Primitives is a library of unstyled, accessible building blocks designed for creating complex interface elements in React. It functions as a headless component framework, providing the underlying logic, state management, and accessibility compliance while leaving all visual styling and design decisions entirely to the developer.

radix-ui/primitives 的主要功能有哪些？

radix-ui/primitives 的主要功能包括：React Components, Accessible Component Libraries, Accessible UI Components, Headless UI Components, Headless Logic Decoupling, Declarative UI Frameworks, Component Composition Primitives, Custom Component Builders。

radix-ui/primitives 有哪些开源替代品？

radix-ui/primitives 的开源替代品包括： facebook/react — React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional… tamagui/tamagui — Tamagui is a cross-platform user interface framework designed to build high-performance, themeable applications that… segmentio/evergreen — Evergreen is a React UI component library and design system framework. It provides a collection of pre-styled,… radix-ui/themes — This project is an accessible UI component library and themed design system. It provides a collection of pre-made user… ruanyf/react-demos — This project is a collection of practical code samples and demonstrations for building user interfaces with React. It… unovue/reka-ui.