# unovue/reka-ui

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/unovue-reka-ui).**

6,193 stars · 485 forks · Vue · mit

## Links

- GitHub: https://github.com/unovue/reka-ui
- Homepage: https://reka-ui.com
- awesome-repositories: https://awesome-repositories.com/repository/unovue-reka-ui.md

## Topics

`accessibility` `accessible` `component-library` `design-system` `headless` `nuxt` `primitives` `radix-ui` `reka-ui` `ui` `ui-components` `ui-kit` `vue` `vue-component-library` `vue-components` `vue-radix`

## Tags

### User Interface & Experience

- [Headless UI Components](https://awesome-repositories.com/f/user-interface-experience/headless-ui-components.md) — Provides logic-only interface components that separate behavior and accessibility from visual presentation.
- [Accessible UI Components](https://awesome-repositories.com/f/user-interface-experience/accessible-ui-components.md) — Provides unstyled UI components that automatically implement WAI-ARIA patterns for keyboard navigation and screen reader support.
- [Headless Primitives](https://awesome-repositories.com/f/user-interface-experience/component-architectures/component-composition/component-composition-primitives/headless-primitives.md) — Provides accessible UI behavior and ARIA patterns without imposing any visual styling or markup structure.
- [Controlled Components](https://awesome-repositories.com/f/user-interface-experience/controlled-components.md) — Implements controlled-uncontrolled state patterns for UI components, enabling flexible data flow integration. ([source](https://reka-ui.com/docs/overview/introduction))
- [Framework-Agnostic Unstyled Components](https://awesome-repositories.com/f/user-interface-experience/css-component-libraries/tailwind-component-collections/unstyled-tailwind-components/framework-agnostic-unstyled-components.md) — Delivers unstyled components compatible with any CSS framework or custom styling approach.
- [Unstyled Component Primitives](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/component-styling-tools/component-styling/unstyled-component-primitives.md) — Provides unstyled UI primitives that separate behavior from presentation for full design freedom. ([source](https://reka-ui.com/docs/overview/introduction))
- [Headless UI Libraries](https://awesome-repositories.com/f/user-interface-experience/ui-component-libraries/headless-ui-libraries.md) — Provides a library of unstyled, accessible UI primitives that follow WAI-ARIA patterns for building custom interfaces.
- [WAI-ARIA Frameworks](https://awesome-repositories.com/f/user-interface-experience/wai-aria-frameworks.md) — Automatically handles keyboard navigation, focus management, and ARIA attribute generation based on standard patterns.
- [Component Composition Primitives](https://awesome-repositories.com/f/user-interface-experience/component-architectures/component-composition/component-composition-primitives.md) — Exposes granular primitive parts that users assemble into complex UI widgets with full structural control.
- [Component Customization Hooks](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/runtime-utilities/infrastructure-utility-systems/component-customization-hooks.md) — Provides semantic hooks that allow developers to target and customize specific internal elements of UI components. ([source](https://reka-ui.com/docs/overview/introduction))
- [Cross-Framework Styling](https://awesome-repositories.com/f/user-interface-experience/cross-framework-styling.md) — Delivers unstyled components compatible with any CSS framework or custom styling approach.
- [Floating Element Positioning](https://awesome-repositories.com/f/user-interface-experience/floating-element-positioning.md) — Calculates coordinate offsets for overlays relative to target elements, handling side, alignment, and collision. ([source](https://reka-ui.com/docs/overview/getting-started))
- [Focus Management](https://awesome-repositories.com/f/user-interface-experience/focus-management.md) — Manages programmatic focus movement to logical elements after interactions like opening modals. ([source](https://reka-ui.com/docs/overview/accessibility))
- [Component Packages](https://awesome-repositories.com/f/user-interface-experience/icon-sets/tree-shakeable/component-packages.md) — Compiles all components into one package where unused components are removed during build optimization.
- [Keyboard Navigation](https://awesome-repositories.com/f/user-interface-experience/keyboard-navigation.md) — Implements full keyboard-driven interaction patterns for complex components like tabs, dialogs, and popovers.
- [Popover Overlays](https://awesome-repositories.com/f/user-interface-experience/overlay-components/popover-overlays.md) — Assembles popovers from low-level parts with customizable placement, focus management, and dismissal behavior. ([source](https://reka-ui.com/docs/overview/getting-started))
- [Accessible](https://awesome-repositories.com/f/user-interface-experience/overlay-components/popover-overlays/accessible.md) — Creates fully accessible popovers that follow WAI-ARIA patterns with customizable positioning and focus management. ([source](https://reka-ui.com/docs/overview/getting-started))

### Development Tools & Productivity

- [Bundle Size Optimization](https://awesome-repositories.com/f/development-tools-productivity/bundle-size-optimization.md) — Compiles all components into a single package and removes unused ones through tree-shaking to keep production bundles lean. ([source](https://reka-ui.com/docs/overview/introduction))
- [Automatic Component Imports](https://awesome-repositories.com/f/development-tools-productivity/configuration-importers/automatic-component-imports.md) — Automatically detects and imports UI components into source files during build via a Nuxt module. ([source](https://reka-ui.com/docs/overview/installation))
- [Nuxt Module Auto-Imports](https://awesome-repositories.com/f/development-tools-productivity/developer-utilities-libraries/workflow-productivity-enhancers/developer-productivity-utilities/developer-experience/editor-automation-plugins/auto-import-systems/nuxt-module-auto-imports.md) — Reka UI adds the Reka UI Nuxt module to auto-import all components without manual registration. ([source](https://reka-ui.com/docs/overview/installation))

### Software Engineering & Architecture

- [Nuxt Module Registrations](https://awesome-repositories.com/f/software-engineering-architecture/component-port-definitions/module-registration/nuxt-module-registrations.md) — Provides a Nuxt module that globally registers all components, eliminating manual import statements.
- [Headless Component Logic](https://awesome-repositories.com/f/software-engineering-architecture/logic-and-presentation-separation/headless-component-logic.md) — Separates behavior and accessibility logic from visual presentation, allowing full design freedom.
- [Tree-Shakable Architectures](https://awesome-repositories.com/f/software-engineering-architecture/tree-shakable-architectures.md) — Compiles all components into a single package with tree-shaking to eliminate unused components from production builds.

### Web Development

- [Controlled-Uncontrolled State Patterns](https://awesome-repositories.com/f/web-development/component-state-managers/controlled-uncontrolled-state-patterns.md) — Implements a controlled-uncontrolled state pattern for UI components, enabling flexible data flow integration.
- [Vue Component Libraries](https://awesome-repositories.com/f/web-development/vue-component-wrappers/vue-component-libraries.md) — Provides low-level, headless Vue components that deliver behavior and accessibility without visual styles.
- [Headless Vue Primitives](https://awesome-repositories.com/f/web-development/vue-component-wrappers/vue-component-libraries/headless-vue-primitives.md) — Provides behavior-only Vue components that implement WAI-ARIA patterns without visual styling.
- [Tree-Shakeable Vue Libraries](https://awesome-repositories.com/f/web-development/vue-component-wrappers/vue-component-libraries/tree-shakeable-vue-libraries.md) — Compiles all Vue components into a single package with tree-shaking to eliminate unused components from production builds.
- [Controlled and Uncontrolled Input Hybrids](https://awesome-repositories.com/f/web-development/controlled-and-uncontrolled-input-hybrids.md) — Allows components to operate in either fully controlled or uncontrolled state management modes interchangeably.