IntroductionThis application requires JavaScript.<br>More components soon
nxui is a collection of beautifully crafted animated Vue components that you can copy and paste into your applications. Built with Tailwind CSS and motion-v.<br>Features<br>Animated components — Text animations, backgrounds, visual effects, hero backgrounds, buttons, animations, and more<br>Vue 3 Composition API — Built with and TypeScript<br>Tailwind CSS v4 — Styled with utility classes, fully customizable<br>motion-v — Smooth animations powered by the Vue port of Framer Motion<br>VueUse — Leverages VueUse composables throughout<br>Dark Mode — Every component supports dark mode out of the box<br>Copy & Paste — Install via CLI or copy the source directly<br>Installation<br>Install components using the shadcn-vue CLI:<br>npx shadcn-vue@latest add "https://nxui.geoql.in/r/hyper-text.json"<br>Or browse the component docs and copy the source code directly.<br>Tech Stack<br>LibraryPurposeVue 3UI frameworkNuxt 4SSR/SSG frameworkTailwind CSS v4Utility-first stylingmotion-vAnimation library (Vue port of Framer Motion)VueUseComposition utilitiesreka-uiHeadless UI primitives
Frequently asked questions<br>Is nxui free?Yes. nxui is open source and free forever under the MIT license. You can use every component in personal and commercial projects at no cost.<br>How do I install an nxui component?Run the shadcn-vue CLI with the component URL, e.g. `npx shadcn-vue@latest add "https://nxui.geoql.in/r/hyper-text.json"`. The source is copied into your project — you own the code, with no runtime dependency on nxui.<br>What is nxui built with?nxui is built with Vue 3 (Composition API and ``), Nuxt 4, Tailwind CSS v4, and motion-v (the Vue port of Framer Motion). It ships 180+ animated, copy-paste components.<br>Does nxui work with Nuxt?Yes. nxui components are standard Vue 3 single-file components and work in any Vue 3 or Nuxt 4 project. Every component supports dark mode out of the box.<br>Can I copy the source instead of using the CLI?Yes. Every component has a live demo and its full source on the docs site, so you can copy and paste the code directly without the CLI.
Need custom components?<br>Get bespoke UI components & stunning websites tailored for your brand.
Get in touch Sponsor