{"id":13579808,"url":"https://github.com/nuxt/ui","last_synced_at":"2025-05-05T22:58:10.959Z","repository":{"id":165953146,"uuid":"428329515","full_name":"nuxt/ui","owner":"nuxt","description":"The Intuitive Vue UI Library powered by Reka UI \u0026 Tailwind CSS.","archived":false,"fork":false,"pushed_at":"2025-05-05T19:59:27.000Z","size":52305,"stargazers_count":4801,"open_issues_count":356,"forks_count":718,"subscribers_count":32,"default_branch":"v3","last_synced_at":"2025-05-05T22:57:53.679Z","etag":null,"topics":["nuxt","nuxt-module","reka-ui","tailwindcss","ui","ui-components","vue","vue3"],"latest_commit_sha":null,"homepage":"https://ui.nuxt.com","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nuxt.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2021-11-15T15:59:30.000Z","updated_at":"2025-05-05T18:38:20.000Z","dependencies_parsed_at":null,"dependency_job_id":"ff450c51-36fd-4e75-b924-7f6419dbe457","html_url":"https://github.com/nuxt/ui","commit_stats":{"total_commits":2157,"total_committers":164,"mean_commits":"13.152439024390244","dds":"0.26240148354195647","last_synced_commit":"ff1806143c45a7d83b00e78bec979a8f412a2827"},"previous_names":["nuxtlabs/ui"],"tags_count":132,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nuxt%2Fui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nuxt%2Fui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nuxt%2Fui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nuxt%2Fui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nuxt","download_url":"https://codeload.github.com/nuxt/ui/tar.gz/refs/heads/v3","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252590561,"owners_count":21772936,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["nuxt","nuxt-module","reka-ui","tailwindcss","ui","ui-components","vue","vue3"],"created_at":"2024-08-01T15:01:43.455Z","updated_at":"2025-05-05T22:58:10.953Z","avatar_url":"https://github.com/nuxt.png","language":"Vue","funding_links":[],"categories":["Vue","HarmonyOS","前端开发框架及项目","vue","Angular"],"sub_categories":["Windows Manager","React工具库","Nuxt 🆕"],"readme":"\u003cpicture\u003e\n  \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://github.com/user-attachments/assets/91ceab67-89ce-4ef4-8678-4402a92baca5\"\u003e\n  \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://github.com/user-attachments/assets/51526d6d-e5ec-41b4-aa37-242dec1cdb27\"\u003e\n  \u003cimg alt=\"Nuxt UI\" src=\"https://github.com/user-attachments/assets/51526d6d-e5ec-41b4-aa37-242dec1cdb27\"\u003e\n\u003c/picture\u003e\n\n# Nuxt UI\n\n[![npm version][npm-version-src]][npm-version-href]\n[![npm downloads][npm-downloads-src]][npm-downloads-href]\n[![License][license-src]][license-href]\n[![Nuxt][nuxt-src]][nuxt-href]\n\nNuxt UI harnesses the combined strengths of [Reka UI](https://reka-ui.com/), [Tailwind CSS](https://tailwindcss.com/), and [Tailwind Variants](https://www.tailwind-variants.org/) to offer developers an unparalleled set of tools for creating sophisticated, accessible, and highly performant user interfaces.\n\n\u003e [!NOTE]\n\u003e You are on the `v3` development branch, check out the [v2 branch](https://github.com/nuxt/ui/tree/v2) for Nuxt UI v2.\n\n\u003e [!TIP]\n\u003e **Looking for more components ?**\n\u003e Check out [Nuxt UI Pro](https://ui.nuxt.com/pro), a collection of premium Vue components, composables, and utilities built on top of Nuxt UI for faster and more powerful app development.\n\n## Documentation\n\nVisit https://ui.nuxt.com to explore the documentation.\n\n## Installation\n\n```bash [pnpm]\npnpm add @nuxt/ui\n```\n\n```bash [yarn]\nyarn add @nuxt/ui\n```\n\n```bash [npm]\nnpm install @nuxt/ui\n```\n\n```bash [bun]\nbun add @nuxt/ui\n```\n\n### Nuxt\n\n1. Add the Nuxt UI module in your `nuxt.config.ts`:\n\n```ts [nuxt.config.ts]\nexport default defineNuxtConfig({\n  modules: ['@nuxt/ui']\n})\n```\n\n2. Import Tailwind CSS and Nuxt UI in your CSS:\n\n```css [assets/css/main.css]\n@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n```\n\nLearn more in the [installation guide](https://ui.nuxt.com/getting-started/installation/nuxt).\n\n### Vue\n\n1. Add the Nuxt UI Vite plugin in your `vite.config.ts`:\n\n```ts [vite.config.ts]\nimport { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport ui from '@nuxt/ui/vite'\n\nexport default defineConfig({\n  plugins: [\n    vue(),\n    ui()\n  ]\n})\n```\n\n2. Use the Nuxt UI Vue plugin in your `main.ts`:\n\n```ts [main.ts]\nimport { createApp } from 'vue'\nimport { createRouter, createWebHistory } from 'vue-router'\nimport ui from '@nuxt/ui/vue-plugin'\nimport App from './App.vue'\n\nconst app = createApp(App)\n\nconst router = createRouter({\n  routes: [],\n  history: createWebHistory()\n})\n\napp.use(router)\napp.use(ui)\n\napp.mount('#app')\n```\n\n3. Import Tailwind CSS and Nuxt UI in your CSS:\n\n```css [assets/main.css]\n@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n```\n\nLearn more in the [installation guide](https://ui.nuxt.com/getting-started/installation/vue).\n\n## Contribution\n\nThank you for considering contributing to Nuxt UI. Here are a few ways you can get involved:\n\n- Reporting Bugs: If you come across any bugs or issues, please check out the reporting bugs guide to learn how to submit a bug report.\n- Suggestions: Have any thoughts to enhance Nuxt UI? We'd love to hear them! Check out the [contribution guide](https://ui.nuxt.com/getting-started/contribution) to share your suggestions.\n\n## Local Development\n\nFollow the docs to [set up your local development environment](https://ui.nuxt.com/getting-started/contribution#local-development) and contribute.\n\n## Credits\n\n- [nuxt/nuxt](https://github.com/nuxt/nuxt)\n- [nuxt/icon](https://github.com/nuxt/icon)\n- [nuxt/fonts](https://github.com/nuxt/fonts)\n- [nuxt-modules/color-mode](https://github.com/nuxt-modules/color-mode)\n- [unovue/reka-ui](https://github.com/unovue/reka-ui)\n- [tailwindlabs/tailwindcss](https://github.com/tailwindlabs/tailwindcss)\n- [vueuse/vueuse](https://github.com/vueuse/vueuse)\n\n## License\n\nLicensed under the [MIT license](https://github.com/nuxt/ui/blob/v3/LICENSE.md).\n\n\u003c!-- Badges --\u003e\n[npm-version-src]: https://img.shields.io/npm/v/@nuxt/ui/latest.svg?style=flat\u0026colorA=18181B\u0026colorB=28CF8D\n[npm-version-href]: https://npmjs.com/package/@nuxt/ui\n\n[npm-downloads-src]: https://img.shields.io/npm/dm/@nuxt/ui.svg?style=flat\u0026colorA=18181B\u0026colorB=28CF8D\n[npm-downloads-href]: https://npm.chart.dev/@nuxt/ui\n\n[license-src]: https://img.shields.io/github/license/nuxt/ui.svg?style=flat\u0026colorA=18181B\u0026colorB=28CF8D\n[license-href]: https://github.com/nuxt/ui/blob/v3/LICENSE.md\n\n[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js\n[nuxt-href]: https://nuxt.com\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnuxt%2Fui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnuxt%2Fui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnuxt%2Fui/lists"}