Animated Marquee Components

Dev Design Library indexes 63 Animated marquee components from 31 open-source UI libraries, with the most coming from Velora UI, Shadcn Space, sv-efferd, cnblocks and ReactFrame. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the marquee components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Marquee components belong to the Effects group.

• Logo LoopReact Bits · ReactContinuously looping marquee of brand or tech logos with seamless repeat and hover pause.
• MarqueeChakra UI · ReactCreate a continuous scrolling display of logos, images, or text horizontally or vertically.
• MarqueeMagic UI · ReactAn infinite scrolling component that can be used to display text, images, or videos.
• Awesome Logo MarqueeLobe UI · React
• MarqueebeUI · ReactInfinite horizontal or vertical scroll with pause-on-hover.
• Logo Wall FooterSpectrum UI · ReactA customer logo wall — marquee or plotted grid — over stats and link columns.
• MarqueeSpell UI · ReactInfinite scrolling marquee component with customizable speed and direction.
• Magnetic Spotlight MarqueeVengeance UI · ReactInteractive full-screen marquee with spotlight cursor effect
• MarqueePanel UI · React NativeContent that travels across its container on a loop.
• Marquee 02 - BrandsShadcn Space · ReactBrands marquee component
• Coverflow MarqueePixel Perfect · ReactAn endless coverflow: cards glide across the stage, swinging flat as they pass center, with floor reflections.
• Marquee RevealKinetics · HTML/CSSCards scroll horizontally, pausing on hover — pure CSS
• Scroll Based VelocityComponentry · React
• Integration Twocnblocks · SvelteTwo-row integration logo marquee
• MarqueeAnimations (Svelte) · SvelteA smooth scrolling marquee component with support for horizontal and vertical directions, pause on hover, and reverse…
• Infinite RibbonBadtz UI · ReactA dynamic and customizable sliding ribbon component that enhances UI experiences with smooth scrolling animations.
• Diagonal Marquee CarouselGreatUI · React
• Social Proof Logo marqueeNexvyn UI · ReactThe tools a product is built with, drifting in a slow seamless marquee with soft edges.
• MarqueeShark UI · ReactScrolls items in a horizontal container.
• Velocity Marquee TextRewamp UI · React
• Avatar ShowcaseSona UI · ReactA recording-friendly avatar strip with count-aware pacing, deterministic sampling, staggered lanes, and reduced-motion…
• MarqueeWatermelon UI · React
• Hero Onesv-efferd · SvelteA full hero composition with sticky header, editorial spotlight, and a marquee trust band.
• Logo marqueeArc Library · ReactA quiet, continuously moving row of brand marks with a pause control.
• MarqueeUI Lab · ReactDrifts endlessly past a reading lens, and brakes gently when you hover.
• MarqueeCojeev UI · ReactA measured moving list with optional perspective and a rhythm that follows scrolling.
• Carousel 01FLX UI · ReactAuto-scroll carousel that pauses on item hover and reveals title.
• 3D MarqueeVelora UI · ReactA tilted 3D grid of images whose columns scroll up and down in an endless loop.
• Magazine ScrollerSkecher UI · ReactA velocity-aware poster scroller with drag, wheel, spring, and progressive-blur treatments.
• Infinite MarqueeReactFrame · ReactA seamless scrolling text marquee with solid/gradient/outline text styles, a separator, double-row mode, edge fade…
• 3d MarqueeAceternity UI · React
• Scroll VelocityReact Bits · ReactText marquee animatio - speed and distortion scale with user's scroll velocity.
• Scroll Based VelocityMagic UI · ReactScrolling text whose speed changes based on scroll speed
• Text MarqueeSpell UI · ReactAnimated text marquee component with vertical scrolling.
• Logo SliderVengeance UI · React
• Marquee 05 - Trending StocksShadcn Space · ReactTrending stocks marquee component
• Selection MarqueePixel Perfect · ReactA design-tool selection: a marching-ants border with resize handles at the corners and edge midpoints.
• Momentum MarqueeKinetics · HTML/CSSInfinite scroll that pauses smoothly on hover
• Logocloud Threecnblocks · SvelteScrolling logo cloud marquee with progressive blur edges
• Spell MarqueeAnimations (Svelte) · Svelte
• MarqueeBadtz UI · ReactA dynamic and customizable sliding component that creates smooth, infinite scrolling animations for showcasing content…
• Social Proof Testimonial marqueeNexvyn UI · ReactTwo rows of testimonial cards drifting in opposite directions, pausable.
• MarqueeSona UI · ReactA scroll-velocity marquee with seamless loop math, eased hover pause, vertical/horizontal direction…
• Logo Cloud Foursv-efferd · SvelteA marquee logo band with progressive edge blur and a layered track surface.
• Bento feature gridVelora UI · ReactFive-card bento grid with live visuals: integration beams, orbiting icons, a chart, a tag marquee and a globe.
• Logo MarqueeReactFrame · ReactAn infinite scrolling row of client/partner logos with edge fade masks, grayscale-to-color hover reveal…
• Infinite Moving CardsAceternity UI · React
• Number Ticker-01 - BasicShadcn Space · ReactNumber Ticker component
• Logocloud Twocnblocks · SvelteInteractive logo cloud with hover call-to-action
• Spell Text MarqueeAnimations (Svelte) · Svelte
• Circular Card MarqueeSona UI · ReactA continuous responsive card marquee that orbits cards around a circular path with configurable speed, direction…
• Logo Cloud Threesv-efferd · SvelteA scrolling logo marquee with a soft edge mask and editorial rhythm.
• Logo marqueeVelora UI · ReactA “Trusted by” line over a scrolling strip of grayscale logos that take their colour on hover.
• Testimonial LogosReactFrame · ReactA compact trust bar, a star rating with a helped-N-teams label above an infinite, edge-masked logo marquee.
• Number Ticker 06 - Social ProofShadcn Space · ReactA social proof counter with a counting member number and a stacked avatar cluster, perfect for signup counts…
• Marqueecnblocks · SvelteAnimated marquee component for horizontally or vertically scrolling content
• Marqueesv-efferd · Svelte
• MarqueeVelora UI · ReactSeamless scrolling loop — horizontal, vertical, hover-pause.
• Testimonial PillsReactFrame · ReactAvatar-and-pill testimonial marquee rows with dual-direction scrolling, a depth effect, cursor spotlight glow, and…
• Number Ticker 07 - TradingShadcn Space · ReactA live trading ticker with an animated stock price, change percentage chip, sparkline chart, and volume data. Ideal…
• Scroll VelocityVelora UI · ReactMarquee whose speed and direction follow your scrolling.
• Number Ticker 08 - Segmented LCDShadcn Space · ReactA retro seven-segment LCD display that renders digits as illuminated SVG segments, perfect for odometers, counters…
• Testimonial marqueeVelora UI · ReactTwo rows of review cards scrolling in opposite directions, with faded edges and pause on hover or focus.

Libraries with Animated marquee components

• Velora UI
• Shadcn Space
• sv-efferd
• cnblocks
• ReactFrame

Related categories

• Marquee Components
• React Marquee Components
• Tailwind CSS Marquee Components
• Svelte Marquee Components
• shadcn/ui Marquee Components
• Animated Effect Components
• Animated Image Effect Components
• Animated Transition Components
• Animated Reveal Wrapper Components
• Animated Border Effect Components
• Animated Mask Effect Components
• Animated Glow Effect Components
• Animated Spotlight Effect Components
• Animated Tilt Effect Components
• Animated Blur Overlay Components