Magnetic Spotlight Marquee

Installation

Run the following command

npx shadcn@latest add https://raw.githubusercontent.com/Ashutoshx7/VengeanceUI/main/public/r/magnetic-spotlight-marquee.json

Usage

code

1import { MagneticSpotlightMarquee } from "@/components/ui/magnetic-spotlight-marquee"
2
3export function SpotlightMarqueeDemo() {
4  return (
5    <MagneticSpotlightMarquee />
6  )
7}

Props

Prop Name	Type	Default	Description
images	`string[]`	`DEFAULT_IMAGES`	Array of image URLs to use in the infinite marquee track.
title	`string[]`	`['VengeanceUI']`	Array representing lines of the main title. Each element is rendered on its own line.
subtitle	`string[]`	`['BUILD FASTER', 'SHIP BETTER']`	Array representing lines of the subtitle.
paragraphs	`string[][]`	`-`	Array of paragraph blocks. Each paragraph block is an array of strings representing individual text lines for the 'wake effect'.
navEmail	`string`	`'hello@vengeance.ui'`	The email address displayed in the top navigation bar.
navLinks	`string`	`'Documentation, Components, GitHub'`	Links displayed in the top navigation bar.
footerText	`string`	`-`	Text displayed at the bottom of the component.
className	`string`	`-`	Additional CSS classes.