Docs
Marquee
Marquee
A dynamic and customizable sliding component that creates smooth, infinite scrolling animations for showcasing content like testimonials, logos, or announcements.
This design system has transformed our workflow. The components are intuitive and well-documented.
Emma Wilson
Product Designer, TechCorp
The components are well-structured and customizable. They've significantly reduced our development time.
Lucas Chen
Frontend Developer, WebFlow
Every component feels polished and professional. It's become our go-to resource for all projects.
Sophia Martinez
UI/UX Lead, DesignHub
This design system brings consistency and efficiency to our creative process. Beautiful and functional.
Oliver Thompson
Creative Director, StudioX
This design system has transformed our workflow. The components are intuitive and well-documented.
Emma Wilson
Product Designer, TechCorp
The components are well-structured and customizable. They've significantly reduced our development time.
Lucas Chen
Frontend Developer, WebFlow
Every component feels polished and professional. It's become our go-to resource for all projects.
Sophia Martinez
UI/UX Lead, DesignHub
This design system brings consistency and efficiency to our creative process. Beautiful and functional.
Oliver Thompson
Creative Director, StudioX
This design system has transformed our workflow. The components are intuitive and well-documented.
Emma Wilson
Product Designer, TechCorp
The components are well-structured and customizable. They've significantly reduced our development time.
Lucas Chen
Frontend Developer, WebFlow
Every component feels polished and professional. It's become our go-to resource for all projects.
Sophia Martinez
UI/UX Lead, DesignHub
This design system brings consistency and efficiency to our creative process. Beautiful and functional.
Oliver Thompson
Creative Director, StudioX
This design system has transformed our workflow. The components are intuitive and well-documented.
Emma Wilson
Product Designer, TechCorp
The components are well-structured and customizable. They've significantly reduced our development time.
Lucas Chen
Frontend Developer, WebFlow
Every component feels polished and professional. It's become our go-to resource for all projects.
Sophia Martinez
UI/UX Lead, DesignHub
This design system brings consistency and efficiency to our creative process. Beautiful and functional.
Oliver Thompson
Creative Director, StudioX
This design system has transformed our workflow. The components are intuitive and well-documented.
Emma Wilson
Product Designer, TechCorp
The components are well-structured and customizable. They've significantly reduced our development time.
Lucas Chen
Frontend Developer, WebFlow
Every component feels polished and professional. It's become our go-to resource for all projects.
Sophia Martinez
UI/UX Lead, DesignHub
This design system brings consistency and efficiency to our creative process. Beautiful and functional.
Oliver Thompson
Creative Director, StudioX
This design system has transformed our workflow. The components are intuitive and well-documented.
Emma Wilson
Product Designer, TechCorp
The components are well-structured and customizable. They've significantly reduced our development time.
Lucas Chen
Frontend Developer, WebFlow
Every component feels polished and professional. It's become our go-to resource for all projects.
Sophia Martinez
UI/UX Lead, DesignHub
This design system brings consistency and efficiency to our creative process. Beautiful and functional.
Oliver Thompson
Creative Director, StudioX
This design system has transformed our workflow. The components are intuitive and well-documented.
Emma Wilson
Product Designer, TechCorp
The components are well-structured and customizable. They've significantly reduced our development time.
Lucas Chen
Frontend Developer, WebFlow
Every component feels polished and professional. It's become our go-to resource for all projects.
Sophia Martinez
UI/UX Lead, DesignHub
This design system brings consistency and efficiency to our creative process. Beautiful and functional.
Oliver Thompson
Creative Director, StudioX
This design system has transformed our workflow. The components are intuitive and well-documented.
Emma Wilson
Product Designer, TechCorp
The components are well-structured and customizable. They've significantly reduced our development time.
Lucas Chen
Frontend Developer, WebFlow
Every component feels polished and professional. It's become our go-to resource for all projects.
Sophia Martinez
UI/UX Lead, DesignHub
This design system brings consistency and efficiency to our creative process. Beautiful and functional.
Oliver Thompson
Creative Director, StudioX
This design system has transformed our workflow. The components are intuitive and well-documented.
Emma Wilson
Product Designer, TechCorp
The components are well-structured and customizable. They've significantly reduced our development time.
Lucas Chen
Frontend Developer, WebFlow
Every component feels polished and professional. It's become our go-to resource for all projects.
Sophia Martinez
UI/UX Lead, DesignHub
This design system brings consistency and efficiency to our creative process. Beautiful and functional.
Oliver Thompson
Creative Director, StudioX
This design system has transformed our workflow. The components are intuitive and well-documented.
Emma Wilson
Product Designer, TechCorp
The components are well-structured and customizable. They've significantly reduced our development time.
Lucas Chen
Frontend Developer, WebFlow
Every component feels polished and professional. It's become our go-to resource for all projects.
Sophia Martinez
UI/UX Lead, DesignHub
This design system brings consistency and efficiency to our creative process. Beautiful and functional.
Oliver Thompson
Creative Director, StudioX
This design system has transformed our workflow. The components are intuitive and well-documented.
Emma Wilson
Product Designer, TechCorp
The components are well-structured and customizable. They've significantly reduced our development time.
Lucas Chen
Frontend Developer, WebFlow
Every component feels polished and professional. It's become our go-to resource for all projects.
Sophia Martinez
UI/UX Lead, DesignHub
This design system brings consistency and efficiency to our creative process. Beautiful and functional.
Oliver Thompson
Creative Director, StudioX
This design system has transformed our workflow. The components are intuitive and well-documented.
Emma Wilson
Product Designer, TechCorp
The components are well-structured and customizable. They've significantly reduced our development time.
Lucas Chen
Frontend Developer, WebFlow
Every component feels polished and professional. It's become our go-to resource for all projects.
Sophia Martinez
UI/UX Lead, DesignHub
This design system brings consistency and efficiency to our creative process. Beautiful and functional.
Oliver Thompson
Creative Director, StudioX
This design system has transformed our workflow. The components are intuitive and well-documented.
Emma Wilson
Product Designer, TechCorp
The components are well-structured and customizable. They've significantly reduced our development time.
Lucas Chen
Frontend Developer, WebFlow
Every component feels polished and professional. It's become our go-to resource for all projects.
Sophia Martinez
UI/UX Lead, DesignHub
This design system brings consistency and efficiency to our creative process. Beautiful and functional.
Oliver Thompson
Creative Director, StudioX
This design system has transformed our workflow. The components are intuitive and well-documented.
Emma Wilson
Product Designer, TechCorp
The components are well-structured and customizable. They've significantly reduced our development time.
Lucas Chen
Frontend Developer, WebFlow
Every component feels polished and professional. It's become our go-to resource for all projects.
Sophia Martinez
UI/UX Lead, DesignHub
This design system brings consistency and efficiency to our creative process. Beautiful and functional.
Oliver Thompson
Creative Director, StudioX
This design system has transformed our workflow. The components are intuitive and well-documented.
Emma Wilson
Product Designer, TechCorp
The components are well-structured and customizable. They've significantly reduced our development time.
Lucas Chen
Frontend Developer, WebFlow
Every component feels polished and professional. It's become our go-to resource for all projects.
Sophia Martinez
UI/UX Lead, DesignHub
This design system brings consistency and efficiency to our creative process. Beautiful and functional.
Oliver Thompson
Creative Director, StudioX
This design system has transformed our workflow. The components are intuitive and well-documented.
Emma Wilson
Product Designer, TechCorp
The components are well-structured and customizable. They've significantly reduced our development time.
Lucas Chen
Frontend Developer, WebFlow
Every component feels polished and professional. It's become our go-to resource for all projects.
Sophia Martinez
UI/UX Lead, DesignHub
This design system brings consistency and efficiency to our creative process. Beautiful and functional.
Oliver Thompson
Creative Director, StudioX
Installation
pnpm dlx shadcn@latest add https://badtz-ui.com/r/marquee.json
Usage
import { Marquee } from "@/components/ui/marquee";<Marquee>
<TestimonialCard />
</Marquee>Props
marquee props.
| Prop | Type | Description | Default |
|---|---|---|---|
| direction | "left" | "right" | Direction of the scrolling animation. | "left" |
| repeat | number | Number of times the content is repeated. | 4 |
| duration | number | Duration of the animation in seconds. | 60 |
| children | React.ReactNode | The content to be displayed in the marquee. | - |
| className | string | Additional custom classes for styling the marquee. | - |