reka-ui

Create accessible, headless Vue 3 components with Reka UI.

Updated Feb 3, 2026

Search Tags:#accessibility #vue #vue3 #headless #nuxt #ui-components #rekaui

Ready to run

npx skills add https://github.com/9aia/pachira --skill reka-ui-9aia

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Reka UI provides accessible, headless Vue 3 component primitives to accelerate UI development and ensure consistent ARIA-compliant patterns.

Core Features & Use Cases

Unstyled, accessible Vue 3 primitives with WAI-ARIA compliance for building custom components.
Supports patterns like asChild, controlled/uncontrolled state, composition, virtualization, and SSR/SSG integration.
Use case: rapidly assemble robust, accessible dialogs, menus, and forms in Nuxt 4 or Vue apps without re-implementing accessibility basics.

Quick Start

Install Reka UI in your Vue project and begin using its component primitives to scaffold accessible UI quickly.

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 Vue 3 components without writing custom ARIA logic?▼

Use headless Vue 3 primitives with WAI-ARIA compliance to build accessible components. These unstyled primitives handle accessibility basics so you can rapidly assemble custom dialogs, menus, and forms.

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

Headless UI components are unstyled primitives that handle accessibility and behavior logic without imposing styles. You need them when building fully custom Vue 3 interfaces that require WAI-ARIA compliance.

Can I use headless Vue 3 primitives with Nuxt 4 projects?▼

Yes, these accessible headless Vue 3 primitives support Nuxt 4 projects and other Vue ecosystems. They integrate with SSR and SSG to help you scaffold robust UI components quickly.

How do I add custom styles to unstyled Vue 3 component primitives?▼

Style unstyled Vue 3 component primitives by applying your own CSS classes directly to the components. They provide behavior and accessibility logic while leaving visual styling entirely to your design system.

Does Reka UI support controlled and uncontrolled state management?▼

Yes, Reka UI supports controlled and uncontrolled state management, along with composition, virtualization, and the asChild pattern for flexible component assembly in Vue applications.