Enhance Your Nuxt UI with
Motion

A powerful collection of motion components for Nuxt applications. Enhance your UI with beautiful animations and interactions that just work.

Get started

View on GitHub

nuxt.config.ts

export default defineNuxtConfig({
  modules: [
    '@nuxt/ui',
    'motion-v/nuxt',
    'nuxt-motion-block'
  ]
})

30+ Motion-Enhanced Components

Text Animations

Bring your content to life with text animations including morphing, scrambling, rolling, and gradient effects.

Visual Effects

Add stunning visual effects like glows, trails, and spotlights to enhance your UI components.

Interactive Elements

Create engaging user experiences with interactive components like custom cursors, docks, and magnetic elements.

Performance Optimized

All components are built with performance in mind, using efficient animations and minimal JavaScript.

Accessibility First

Components follow accessibility best practices and work seamlessly with screen readers and keyboard navigation.

Highly Customizable

Every component can be customized through props, slots, and CSS classes to match your design system.

Explore Components

Join thousands of developers building with Nuxt Motion Block. Install the module and start adding motion today.