Introduction
Hovue is a collection of beautifully crafted, animated icons for Vue 3 and Nuxt 3 applications. Each icon is built as a standalone Vue component with motion baked in.
Key Features
Unlike static icon libraries, Hovue icons are designed with animation as a first-class citizen. Every icon includes thoughtfully crafted hover states, click feedback, and programmatic animation triggers.
// Import individual icons
import { HoArrowRight, HoCheck } from '@hovue/icons'
// Use in your template
<HoArrowRight
:size="24"
color="currentColor"
animation="slide"
:animation-duration="300"
/>
import { HoArrowRight, HoCheck } from '@hovue/icons'
// Use in your template
<HoArrowRight
:size="24"
color="currentColor"
animation="slide"
:animation-duration="300"
/>
Nuxt Auto-Import
Using Nuxt? Icons are auto-imported automatically when you add the module.
// nuxt.config.ts
export default defineNuxtConfig({
modules: ['@hovue/nuxt']
})
export default defineNuxtConfig({
modules: ['@hovue/nuxt']
})
Note: Check out our comprehensive guides for installation, quick start, API reference,
animations, and examples!