Saurabh Sharma

Great UI Diagonal Marquee Carousel

Component 754

About

A premium diagonally slanted, infinitely scrolling marquee showing cards or landscapes with offset speeds, alternating directions, and soft gradients.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Great UI Diagonal Marquee Carousel to your project and fits it to your theme.

Code

How Great UI Diagonal Marquee Carousel is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client"

import DiagonalMarqueeCarousel from "@/components/ui/great-ui-diagonal-marquee-carousel"

export default function DiagonalMarqueeCarouselPreview() {
  return <DiagonalMarqueeCarousel className="absolute -inset-5 h-[calc(100%+2.5rem)] max-h-none w-[calc(100%+2.5rem)] max-w-none" />
}

More by Saurabh Sharma

View all
  • Great UI Macbook Mockup

    Great UI Macbook Mockup

    211
  • Great UI Mobile Mockup

    Great UI Mobile Mockup

    176
  • Great UI Vinyl Album Card

    Great UI Vinyl Album Card

    127
  • Great UI Animated Select

    Great UI Animated Select

    83
  • Great UI Deployment Checklist

    Great UI Deployment Checklist

    73
  • Great UI Revision Timeline

    Great UI Revision Timeline

    71
  • Great UI Terminal Loader

    Great UI Terminal Loader

    57
  • Great UI Avatar Stack

    Great UI Avatar Stack

    47

Explore more

Part of Great UI — browse the full library on 21st.dev.