Tailwind CSS Marquee Components

Dev Design Library indexes 62 Tailwind CSS marquee components from 29 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. Every library in this list styles its components with Tailwind CSS utility classes. Marquee components belong to the Effects group.

• MarqueeMagic UI · ReactAn infinite scrolling component that can be used to display text, images, or videos.
• 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.
• 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.
• Draggable MarqueeObsidianUI · ReactA continuous image marquee with drag momentum and a seamless looping track.
• 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.
• 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.
• Hero 01D2Studio UI · ReactStartup mentorship landing hero with a headline, call to action and mentor avatar group.
• Infinite MarqueeReactFrame · ReactA seamless scrolling text marquee with solid/gradient/outline text styles, a separator, double-row mode, edge fade…
• 3d MarqueeAceternity UI · React
• Marqueeark-cn · ReactA shadcn-style marquee component built with Ark UI primitives.
• 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.
• 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.
• Hero Section 01D2Studio UI · ReactPremium landing page hero with a serif accent headline, badge and mentor avatar group.
• 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.
• Hero Section 02D2Studio UI · ReactModern landing page hero section with badge, headline and avatar social proof.
• 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.
• Logo MarqueeD2Studio UI · ReactA logo rail that never stops, and one the main thread never touches. The travel is a Web Animations API transform…
• 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 Tailwind CSS marquee components

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

Related categories

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