A Vue 2/3 library providing reusable, customizable interface transitions (fade, expand, slide, scale) without writing CSS.
@morev/vue-transitions is a library that provides a collection of reusable and customizable transition components for Vue.js applications. It solves the problem of manually implementing complex CSS animations by offering ready-to-use components for fading, expanding, sliding, and scaling elements with no CSS required. The library supports both Vue 2 and Vue 3, and includes a dedicated module for seamless integration with Nuxt projects.
Vue.js developers building interactive web interfaces who need to add smooth, performant animations to elements like modals, lists, dropdowns, and toggled content without writing custom CSS transitions.
Developers choose this library for its out-of-the-box functionality, deep Vue ecosystem integration (including Nuxt), and extensive customization options via props, which together save time and ensure consistent, reliable animations across projects.
Interface transitions library for Vue 2/3
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Automatically detects and supports both Vue 2 and Vue 3 from a single package, with explicit imports available for version-specific needs, simplifying migration and compatibility.
Provides out-of-the-box transitions with sensible defaults, eliminating the need for manual CSS writing, as highlighted in the 'No CSS Required' feature for quick implementation.
Offers fine-grained control via props for duration, delay, easing, axis, and more, with detailed examples for per-transition adjustments in the README.
Includes a universal module for Nuxt 2 and 3, enabling easy installation and auto-imports, as documented in the 'Usage with Nuxt' section for improved workflow.
Relies on npm postinstall hooks that don't work with pnpm>=10.0.0 or Bun by default, requiring manual configuration as admitted in the installation notes, adding setup complexity.
Only covers four basic transition types (fade, expand, slide, scale), which may not suffice for projects needing diverse or complex animations beyond these core effects.
Requires importing CSS styles that can cause resolution errors in some environments, necessitating path adjustments as noted in the troubleshooting section, potentially breaking builds.