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.
Features
- Animated components — Text animations, backgrounds, visual effects, hero backgrounds, buttons, animations, and more
- Vue 3 Composition API — Built with
<script setup>and TypeScript - Tailwind CSS v4 — Styled with utility classes, fully customizable
- motion-v — Smooth animations powered by the Vue port of Framer Motion
- VueUse — Leverages VueUse composables throughout
- Dark Mode — Every component supports dark mode out of the box
- Copy & Paste — Install via CLI or copy the source directly
Installation
Install components using the shadcn-vue CLI:
npx shadcn-vue@latest add "https://nxui.geoql.in/r/hyper-text.json"Or browse the component docs and copy the source code directly.
Tech Stack
- Vue 3
- Nuxt 4
- Tailwind CSS v4
- motion-v
- VueUse
- reka-ui
