Modern Beautiful Marquee Component – Vue Marquee

Install & Download:

# NPM
$ npm install @selemondev/vue3-marquee

Description:

A modern marquee component designed to create automatic horizontal scrollers with gradient fade effects.

How to use it:

1. Import and register the marquee component.

import { Marquee } from "@selemondev/vue3-marquee";
import "@selemondev/vue3-marquee/dist/style.css"
import { createApp } from 'vue'
import App from './App.vue'
const app = createApp(App);
app.component('Marquee', Marquee)
app.mount('#app')

2. Add your content to the marquee component. That’s it.

<Marquee>
  <div>Content 1</div>
  <div>Content 2</div>
  <div>Content 3</div>
  ...
</Marquee>

3. Available props to customize the marquee effect.

direction?: "left" | "up";
pauseOnHover?: boolean;
reverse?: boolean;
fade?: boolean;
innerClassName?: string;
numberOfCopies?: number;

Preview:

Modern Beautiful Marquee Component

Changelog:

v0.0.8 (02/24/2024)

  • Bugfix

Add Comment