Introduction
Beautiful animated components for Vue. Built with Tailwind CSS and motion-v.
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
- 26+ Components — Text animations, visual effects, hero backgrounds, buttons, 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
| Library | Purpose |
|---|---|
| Vue 3 | UI framework |
| Nuxt 4 | SSR/SSG framework |
| Tailwind CSS v4 | Utility-first styling |
| motion-v | Animation library (Vue port of Framer Motion) |
| VueUse | Composition utilities |
| reka-ui | Headless UI primitives |