reka-ui

Build accessible headless Vue components with Reka UI primitives.

Updated Aug 23, 2026

Search Tags:#documentation #components #vue #headless #aria #reka-ui

Ready to run

npx skills add https://github.com/caraseli02/MoldovaDirect --skill reka-ui-caraseli02

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: reka-ui
Source: https://github.com/caraseli02/MoldovaDirect/tree/main/.claude/skills/reka-ui
Command: npx skills add https://github.com/caraseli02/MoldovaDirect --skill reka-ui-caraseli02

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Provides comprehensive guidance and API references for building accessible, headless Vue components using Reka UI, replacing ad-hoc implementations with a cohesive library.

Core Features & Use Cases

Component primitives with accessibility patterns, asChild composition, and state management guidance.
Integration guidance for Nuxt UI, shadcn-vue, and other Vue ecosystems, with practical usage for forms, dialogs, menus, and overlays.
Real-world scenarios include building form controls, modal dialogs, and interactive patterns with consistent behavior.

Quick Start

Install and start using Reka UI in your Nuxt or Vue project to access headless component primitives.

Frequently Asked Questions about reka-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I build accessible headless Vue components for my web application?▼

You can build accessible headless Vue components using Reka UI, which provides unstyled primitives with built-in ARIA patterns. It replaces ad-hoc implementations with a cohesive API surface for consistent behavior across your application.

Does Reka UI work with Nuxt UI and shadcn-vue?▼

Reka UI works with Nuxt UI and shadcn-vue, providing specific integration guidance for both ecosystems. You can use its headless component primitives within these frameworks to build accessible forms, dialogs, and menus.

What are headless Vue components and when do I need them?▼

Headless Vue components are unstyled primitives handling accessibility, state management, and behavior without dictating visual design. You need them when building custom UI patterns like dialogs or menus requiring consistent ARIA compliance and behavior.

How do I implement accessible modal dialogs and menus in Vue 3?▼

To implement accessible modal dialogs and menus in Vue 3, use Reka UI's component primitives which provide state management and ARIA pattern guidance. This ensures interactive overlays and forms maintain consistent accessibility behavior.

Can I use asChild composition to build custom Vue form controls?▼

Reka UI supports asChild composition to build custom Vue form controls by passing behavior to your own DOM elements. This enables flexible component patterns while maintaining strict accessibility and state management.

What Vue version is required for Reka UI component primitives?▼

Reka UI requires Vue 3 to use its component primitives effectively. The library defines specific requirements for Vue 3 usage to deliver headless components featuring cohesive APIs, accessibility patterns, and state management guidance.