Reka UI
Unstyled, accessible Vue 3 component primitives. WAI-ARIA compliant. Previously Radix Vue.
Current version: v2.7.0 (December 2025)
When to Use Building headless/unstyled components from scratch Need WAI-ARIA compliant components Using Nuxt UI, shadcn-vue, or other Reka-based libraries Implementing accessible forms, dialogs, menus, popovers
For Vue patterns: use vue skill
Available Guidance File Topics references/components.md Component index by category (Form, Date, Overlay, Menu, Data, etc.) components/*.md Per-component details (dialog.md, select.md, etc.)
New guides (see reka-ui.com): Controlled State, Inject Context, Virtualization, Migration
Usage Pattern
Load based on context:
Component index → references/components.md Specific component → components/dialog.md, components/select.md, etc. For styled Nuxt components built on Reka UI → use nuxt-ui skill Key Concepts Concept Description asChild Render as child element instead of wrapper, merging props/behavior Controlled/Uncontrolled Use v-model for controlled, default* props for uncontrolled Parts Components split into Root, Trigger, Content, Portal, etc. forceMount Keep element in DOM for animation libraries Virtualization Optimize large lists (Combobox, Listbox, Tree) with virtual scrolling Context Injection Access component context from child components Installation // nuxt.config.ts (auto-imports all components) export default defineNuxtConfig({ modules: ['reka-ui/nuxt'] })
import { RekaResolver } from 'reka-ui/resolver' // vite.config.ts (with auto-import resolver) import Components from 'unplugin-vue-components/vite'
export default defineConfig({ plugins: [ vue(), Components({ resolvers: [RekaResolver()] }) ] })
Basic Patterns
Recent Updates (v2.5.0-v2.7.0) New composables exposed: useLocale, useDirection (v2.6.0) Select: Added disableOutsidePointerEvents prop to Content Toast: Added disableSwipe prop for swipe control DatePicker: Added closeOnSelect property ContextMenu: Added pressOpenDelay for long-press configuration Virtualization: estimateSize now accepts function for Listbox/Tree (v2.7.0); supported in Combobox, Listbox, Tree Resources Reka UI Docs GitHub Nuxt UI (styled Reka components) shadcn-vue (styled Reka components)
Token efficiency: ~350 tokens base, components.md index ~100 tokens, per-component ~50-150 tokens