reka-ui
Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue.
By onmax · 7,007 installs
npx skills add onmax/nuxt-skills --skill reka-ui
Source repository · Upstream listing
Reka UI
Unstyled, accessible Vue 3 component primitives. WAI ARIA compliant. Previously Radix Vue.
Current version: v2.8.0 (January 2026)
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](references/components.md) Component index by category (Form, Date, Overlay, Menu, Data, etc.)
components/\ .md Per component details (dialog.md, select.md, etc.)
Guides (see [reka ui.com](https://reka ui.com)): Styling, Animation, Composition, SSR, Namespaced, Dates, i18n, Controlled State, Inject Context, Virtualization, Migration
Loading Files
Consider loading these reference files based on your task:
[ ] [references/components.md](references/components.md) if browsing component index by category or searching for specific components
DO NOT load all files at once. Load only what's relevant to your current task.
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
Basic Patterns
Recent Updates (v2.6.0 v2.8.0)
New component : Rating (v2.8.0)
ScrollArea : Added "glimpse" scrollbar mode (v2.8.0)
PopperContent : Added hideShiftedArrow prop (v2.8.0)
TimeField : Added stepSnapping support (v2.8.0)
Breaking : weekStartsOn now locale independent for date components (v2.8.0)
Virtualization : estimateSize accepts function for Listbox/Tree (v2.7.0)
Composables : useLocale , useDirection exposed (v2.6.0)
Select : disableOutsidePointerEvents prop on Content (v2.7.0)
Toast : disableSwipe prop (v2.6.0)
Resources
[Reka UI Docs](https://reka ui.com)
[GitHub](https://github.com/unovue/reka ui)
[Nuxt UI](https://ui.nuxt.com) (styled Reka components)
[shadcn vue](https://www.shadcn vue.com) (styled Reka components)
Token efficiency: ~350 tokens base, components.md index ~100 tokens, per component ~50 150 tokens