Marquee

A lightweight Nuxt 3 module that harnesses the power of CSS animations to create silky smooth marquees.

Installation

npm i -D nuxt-marquee

Add the following lines to the modules section of nuxt.config.{ts,js}

modules: ['nuxt-marquee']

Marquee.vue

<template>
  <NuxtMarquee :speed="240" pause-on-hover>
    <div v-for="i of 5" :key="i">
      {{ i }}
    </div>
  </NuxtMarquee>
</template>