[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"versions":3,"module-reka-ui":7},{"v3":4,"v4":5,"v2":6},"3.21.5","4.4.5","2.18.1",{"name":8,"description":9,"repo":10,"npm":8,"icon":11,"github":12,"website":13,"learn_more":14,"category":15,"type":16,"maintainers":17,"compatibility":32,"generatedAt":35,"contributors":36,"stats":132,"readme":140},"reka-ui","Vue port of Radix UI Primitives. An open-source UI component library for building high-quality, accessible design systems and web apps.","unovue/reka-ui","reka-ui.svg","https://github.com/unovue/reka-ui","https://www.reka-ui.com/","https://reka-ui.com/docs/overview/installation#nuxt-modules","UI","3rd-party",[18,20,23,27],{"name":19,"github":19,"twitter":19},"zernonia",{"name":21,"github":22},"Khairul Haaziq","khairulhaaziq",{"name":24,"github":25,"twitter":26},"Mujahid Anuar","mujahidfa","mujahid_fa",{"name":28,"github":29,"twitter":30,"bluesky":31},"Max","onmax","_onmax","onmax.bsky.social",{"nuxt":33,"requires":34},">=3.0.0",{},"2026-05-16T06:56:42.411Z",[37,40,44,48,52,56,59,63,65,69,72,76,80,84,88,91,95,98,101,104,107,110,114,117,120,123,126,129],{"id":38,"username":19,"contributions":39},59365435,990,{"id":41,"username":42,"contributions":43},101852870,"k11q",163,{"id":45,"username":46,"contributions":47},17836403,"epr3",74,{"id":49,"username":50,"contributions":51},32707098,"kricsleo",72,{"id":53,"username":54,"contributions":55},51422045,"MellKam",22,{"id":57,"username":58,"contributions":55},17789047,"sadeghbarati",{"id":60,"username":61,"contributions":62},71264422,"J-Michalek",17,{"id":64,"username":29,"contributions":62},22072217,{"id":66,"username":67,"contributions":68},739984,"benjamincanac",15,{"id":70,"username":25,"contributions":71},17759705,12,{"id":73,"username":74,"contributions":75},48835293,"DamianGlowala",9,{"id":77,"username":78,"contributions":79},9999055,"cyyynthia",8,{"id":81,"username":82,"contributions":83},104721,"dwightjack",7,{"id":85,"username":86,"contributions":87},224317650,"rastuhacode",6,{"id":89,"username":90,"contributions":87},20302368,"Chrtyaka",{"id":92,"username":93,"contributions":94},47041342,"ChrisGV04",5,{"id":96,"username":97,"contributions":94},13617683,"markjaniczak",{"id":99,"username":100,"contributions":94},3474842,"romansp",{"id":102,"username":103,"contributions":94},693496,"sunnylost",{"id":105,"username":106,"contributions":94},325519,"hartbit",{"id":108,"username":109,"contributions":94},82209198,"hrynevychroman",{"id":111,"username":112,"contributions":113},296718,"pmairoldi",4,{"id":115,"username":116,"contributions":113},33137074,"RayGuo-ergou",{"id":118,"username":119,"contributions":113},65568529,"Saeid-Za",{"id":121,"username":122,"contributions":113},26428493,"maxmaxme",{"id":124,"username":125,"contributions":113},2642064,"CTOJoe",{"id":127,"username":128,"contributions":113},2789192,"Scrum",{"id":130,"username":131,"contributions":113},182452445,"HuanWuCode",{"version":133,"downloads":134,"stars":135,"watchers":135,"forks":136,"defaultBranch":137,"publishedAt":138,"createdAt":139},"2.9.7",4286821,6474,511,"v2",1777949746630,1721920475720,{"data":141,"body":143,"toc":635},{"title":142,"description":142},"",{"type":144,"children":145},"root",[146,151,173,179,192,221,234,267,298,305,339,363,386,391,404,410,422,428,442,448,455,518,524,574,580,585,629],{"type":147,"tag":148,"props":149,"children":150},"element","br",{},[],{"type":147,"tag":152,"props":153,"children":155},"p",{"align":154},"center",[156,159],{"type":157,"value":158},"text","\n  ",{"type":147,"tag":160,"props":161,"children":162},"a",{"href":12},[163,165,172],{"type":157,"value":164},"\n    ",{"type":147,"tag":166,"props":167,"children":171},"img",{"src":168,"alt":169,"width":170},"https://reka-ui.com/logo.svg","Logo",150,[],{"type":157,"value":158},{"type":147,"tag":174,"props":175,"children":176},"h1",{"align":154,"id":8},[177],{"type":157,"value":178},"\nReka UI\n",{"type":147,"tag":152,"props":180,"children":181},{"align":154},[182,184,190],{"type":157,"value":183},"\nCraft accessible web apps with ",{"type":147,"tag":160,"props":185,"children":187},{"href":186},"https://vuejs.org/",[188],{"type":157,"value":189},"Vue",{"type":157,"value":191},".\n",{"type":147,"tag":152,"props":193,"children":194},{"align":154},[195,205,213],{"type":147,"tag":160,"props":196,"children":199},{"href":197,"target":198},"https://www.npmjs.com/package/reka-ui","__blank",[200],{"type":147,"tag":166,"props":201,"children":204},{"src":202,"alt":203},"https://img.shields.io/npm/v/reka-ui?style=flat&colorA=002438&colorB=41c399","NPM version",[],{"type":147,"tag":160,"props":206,"children":207},{"href":197,"target":198},[208],{"type":147,"tag":166,"props":209,"children":212},{"alt":210,"src":211},"NPM Downloads","https://img.shields.io/npm/dm/reka-ui?flat&colorA=002438&colorB=41c399",[],{"type":147,"tag":160,"props":214,"children":215},{"href":12,"target":198},[216],{"type":147,"tag":166,"props":217,"children":220},{"alt":218,"src":219},"GitHub stars","https://img.shields.io/github/stars/unovue/reka-ui?flat&colorA=002438&colorB=41c399",[],{"type":147,"tag":152,"props":222,"children":223},{"align":154},[224],{"type":147,"tag":160,"props":225,"children":227},{"href":226},"https://chat.unovue.com",[228],{"type":147,"tag":229,"props":230,"children":231},"b",{},[232],{"type":157,"value":233},"Get involved!",{"type":147,"tag":152,"props":235,"children":236},{"align":154},[237,239,245,247,253,254,260,261],{"type":157,"value":238},"\n ",{"type":147,"tag":160,"props":240,"children":242},{"href":241},"https://reka-ui.com",[243],{"type":157,"value":244},"Documentation",{"type":157,"value":246}," | ",{"type":147,"tag":160,"props":248,"children":250},{"href":249},"https://reka-ui.com/docs/overview/getting-started",[251],{"type":157,"value":252},"Getting Started",{"type":157,"value":246},{"type":147,"tag":160,"props":255,"children":257},{"href":256},"https://reka-ui.com/examples",[258],{"type":157,"value":259},"Examples",{"type":157,"value":246},{"type":147,"tag":160,"props":262,"children":264},{"href":263},"https://reka-ui.com/docs/overview/introduction",[265],{"type":157,"value":266},"Why Reka UI?",{"type":147,"tag":152,"props":268,"children":269},{},[270,275],{"type":147,"tag":166,"props":271,"children":274},{"alt":272,"src":273},"hero image","https://reka-ui.com/og.jpg",[],{"type":147,"tag":276,"props":277,"children":278},"em",{},[279,281,289,291],{"type":157,"value":280},"design by: ",{"type":147,"tag":160,"props":282,"children":286},{"href":283,"rel":284},"https://twitter.com/icarusgkx",[285],"nofollow",[287],{"type":157,"value":288},"icarusgkx",{"type":157,"value":290},", ",{"type":147,"tag":160,"props":292,"children":295},{"href":293,"rel":294},"https://github.com/MellKam",[285],[296],{"type":157,"value":297},"melkam",{"type":147,"tag":299,"props":300,"children":302},"h2",{"id":301},"installation",[303],{"type":157,"value":304},"Installation",{"type":147,"tag":306,"props":307,"children":311},"pre",{"className":308,"code":309,"language":310,"meta":142,"style":142},"language-bash shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","pnpm add reka-ui\n","bash",[312],{"type":147,"tag":313,"props":314,"children":315},"code",{"__ignoreMap":142},[316],{"type":147,"tag":317,"props":318,"children":321},"span",{"class":319,"line":320},"line",1,[322,328,334],{"type":147,"tag":317,"props":323,"children":325},{"style":324},"--shiki-light:#E2931D;--shiki-default:#E2931D;--shiki-dark:#FFCB6B",[326],{"type":157,"value":327},"pnpm",{"type":147,"tag":317,"props":329,"children":331},{"style":330},"--shiki-light:#91B859;--shiki-default:#91B859;--shiki-dark:#C3E88D",[332],{"type":157,"value":333}," add",{"type":147,"tag":317,"props":335,"children":336},{"style":330},[337],{"type":157,"value":338}," reka-ui\n",{"type":147,"tag":306,"props":340,"children":342},{"className":308,"code":341,"language":310,"meta":142,"style":142},"npm install reka-ui\n",[343],{"type":147,"tag":313,"props":344,"children":345},{"__ignoreMap":142},[346],{"type":147,"tag":317,"props":347,"children":348},{"class":319,"line":320},[349,354,359],{"type":147,"tag":317,"props":350,"children":351},{"style":324},[352],{"type":157,"value":353},"npm",{"type":147,"tag":317,"props":355,"children":356},{"style":330},[357],{"type":157,"value":358}," install",{"type":147,"tag":317,"props":360,"children":361},{"style":330},[362],{"type":157,"value":338},{"type":147,"tag":306,"props":364,"children":366},{"className":308,"code":365,"language":310,"meta":142,"style":142},"yarn add reka-ui\n",[367],{"type":147,"tag":313,"props":368,"children":369},{"__ignoreMap":142},[370],{"type":147,"tag":317,"props":371,"children":372},{"class":319,"line":320},[373,378,382],{"type":147,"tag":317,"props":374,"children":375},{"style":324},[376],{"type":157,"value":377},"yarn",{"type":147,"tag":317,"props":379,"children":380},{"style":330},[381],{"type":157,"value":333},{"type":147,"tag":317,"props":383,"children":384},{"style":330},[385],{"type":157,"value":338},{"type":147,"tag":299,"props":387,"children":389},{"id":388},"documentation",[390],{"type":157,"value":244},{"type":147,"tag":152,"props":392,"children":393},{},[394,396,402],{"type":157,"value":395},"For full documentation, visit ",{"type":147,"tag":160,"props":397,"children":399},{"href":241,"rel":398},[285],[400],{"type":157,"value":401},"reka-ui.com",{"type":157,"value":403},".",{"type":147,"tag":299,"props":405,"children":407},{"id":406},"releases",[408],{"type":157,"value":409},"Releases",{"type":147,"tag":152,"props":411,"children":412},{},[413,415,421],{"type":157,"value":414},"For changelog, visit ",{"type":147,"tag":160,"props":416,"children":419},{"href":417,"rel":418},"https://github.com/unovue/reka-ui/releases",[285],[420],{"type":157,"value":406},{"type":157,"value":403},{"type":147,"tag":299,"props":423,"children":425},{"id":424},"contributing",[426],{"type":157,"value":427},"Contributing",{"type":147,"tag":152,"props":429,"children":430},{},[431,433,440],{"type":157,"value":432},"We would love to have your contributions! All PRs are welcome! We need help building the core components, docs, tests, stories! ",{"type":147,"tag":160,"props":434,"children":437},{"href":435,"rel":436},"https://chat.unovue.com/",[285],[438],{"type":157,"value":439},"Join our discord",{"type":157,"value":441}," and we will get you up and running!",{"type":147,"tag":299,"props":443,"children":445},{"id":444},"dev-setup",[446],{"type":157,"value":447},"Dev Setup",{"type":147,"tag":449,"props":450,"children":452},"h3",{"id":451},"docs",[453],{"type":157,"value":454},"Docs",{"type":147,"tag":456,"props":457,"children":458},"ol",{},[459,465,476,495,507],{"type":147,"tag":460,"props":461,"children":462},"li",{},[463],{"type":157,"value":464},"Clone the repo",{"type":147,"tag":460,"props":466,"children":467},{},[468,470],{"type":157,"value":469},"Run ",{"type":147,"tag":313,"props":471,"children":473},{"className":472},[],[474],{"type":157,"value":475},"pnpm i",{"type":147,"tag":460,"props":477,"children":478},{},[479,480,486,488,493],{"type":157,"value":469},{"type":147,"tag":313,"props":481,"children":483},{"className":482},[],[484],{"type":157,"value":485},"pnpm build",{"type":157,"value":487}," to run build ",{"type":147,"tag":313,"props":489,"children":491},{"className":490},[],[492],{"type":157,"value":8},{"type":157,"value":494}," locally",{"type":147,"tag":460,"props":496,"children":497},{},[498,499,505],{"type":157,"value":469},{"type":147,"tag":313,"props":500,"children":502},{"className":501},[],[503],{"type":157,"value":504},"pnpm docs:dev",{"type":157,"value":506}," to run vitepress",{"type":147,"tag":460,"props":508,"children":509},{},[510,512],{"type":157,"value":511},"Open ",{"type":147,"tag":313,"props":513,"children":515},{"className":514},[],[516],{"type":157,"value":517},"http://localhost:5173",{"type":147,"tag":449,"props":519,"children":521},{"id":520},"package",[522],{"type":157,"value":523},"Package",{"type":147,"tag":456,"props":525,"children":526},{},[527,531,540,552,562],{"type":147,"tag":460,"props":528,"children":529},{},[530],{"type":157,"value":464},{"type":147,"tag":460,"props":532,"children":533},{},[534,535],{"type":157,"value":469},{"type":147,"tag":313,"props":536,"children":538},{"className":537},[],[539],{"type":157,"value":475},{"type":147,"tag":460,"props":541,"children":542},{},[543,544,550],{"type":157,"value":469},{"type":147,"tag":313,"props":545,"children":547},{"className":546},[],[548],{"type":157,"value":549},"pnpm story:dev",{"type":157,"value":551}," to run histoire (storybook)",{"type":147,"tag":460,"props":553,"children":554},{},[555,556],{"type":157,"value":511},{"type":147,"tag":313,"props":557,"children":559},{"className":558},[],[560],{"type":157,"value":561},"http://localhost:6006",{"type":147,"tag":460,"props":563,"children":564},{},[565,566,572],{"type":157,"value":469},{"type":147,"tag":313,"props":567,"children":569},{"className":568},[],[570],{"type":157,"value":571},"pnpm test",{"type":157,"value":573}," to test changes",{"type":147,"tag":299,"props":575,"children":577},{"id":576},"credits",[578],{"type":157,"value":579},"Credits",{"type":147,"tag":152,"props":581,"children":582},{},[583],{"type":157,"value":584},"All credits go to these open-source works and resources",{"type":147,"tag":586,"props":587,"children":588},"ul",{},[589,599,609,619],{"type":147,"tag":460,"props":590,"children":591},{},[592],{"type":147,"tag":160,"props":593,"children":596},{"href":594,"rel":595},"https://radix-ui.com",[285],[597],{"type":157,"value":598},"Radix UI",{"type":147,"tag":460,"props":600,"children":601},{},[602],{"type":147,"tag":160,"props":603,"children":606},{"href":604,"rel":605},"https://react-spectrum.adobe.com/index.html",[285],[607],{"type":157,"value":608},"React Spectrum",{"type":147,"tag":460,"props":610,"children":611},{},[612],{"type":147,"tag":160,"props":613,"children":616},{"href":614,"rel":615},"https://floating-ui.com",[285],[617],{"type":157,"value":618},"Floating UI",{"type":147,"tag":460,"props":620,"children":621},{},[622],{"type":147,"tag":160,"props":623,"children":626},{"href":624,"rel":625},"https://headlessui.com",[285],[627],{"type":157,"value":628},"Headless UI",{"type":147,"tag":630,"props":631,"children":632},"style",{},[633],{"type":157,"value":634},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":142,"searchDepth":636,"depth":636,"links":637},2,[638,639,640,641,642,647],{"id":301,"depth":636,"text":304},{"id":388,"depth":636,"text":244},{"id":406,"depth":636,"text":409},{"id":424,"depth":636,"text":427},{"id":444,"depth":636,"text":447,"children":643},[644,646],{"id":451,"depth":645,"text":454},3,{"id":520,"depth":645,"text":523},{"id":576,"depth":636,"text":579}]