Marquee
Infinite scrolling content component. Features 4-direction support, fade effects and hover control.
Pro Features
Unlock advanced capabilities with the Pro version
4-Direction Support
Animation in left, right, up and down directions
Speed Control
Adjust animation speed at pixel level
Hover Control
Pause animation with mouse hover
Repeat Count
Determine how many times content will be cloned
Auto Fill
Automatic cloning to fill the container
Fade Effect
Smooth transition effect on edges
Installation
Install via CLI
npx moonui-cli@latest add marqueeUsage
Examples
Premium Pricing Cards
Beautiful pricing cards with gradient backgrounds
Starter
- 5 Projects
- 1GB Storage
- Basic Support
Professional
- Unlimited Projects
- 10GB Storage
- Priority Support
Enterprise
- Everything in Pro
- 100GB Storage
- 24/7 Support
Starter
- 5 Projects
- 1GB Storage
- Basic Support
Professional
- Unlimited Projects
- 10GB Storage
- Priority Support
Enterprise
- Everything in Pro
- 100GB Storage
- 24/7 Support
Customer Testimonials
Colorful testimonial cards with ratings
Alex Johnson
CEO at TechStart
"This product transformed our workflow!"
Sarah Williams
Designer
"Amazing quality and attention to detail."
Mike Chen
Developer
"Best investment we've made this year!"
Emma Davis
Product Manager
"Incredible results from day one."
Alex Johnson
CEO at TechStart
"This product transformed our workflow!"
Sarah Williams
Designer
"Amazing quality and attention to detail."
Mike Chen
Developer
"Best investment we've made this year!"
Emma Davis
Product Manager
"Incredible results from day one."
Breaking News Ticker
Vibrant news ticker with gradient background
Product Showcase
Colorful product cards with features
Pro Laptop
Smart Watch
Headphones
Camera
Pro Laptop
Smart Watch
Headphones
Camera
Live Statistics
Bright statistics cards with real-time data
Brand Partners
Clean brand showcase with hover effects
Achievement Badges
Colorful achievement cards
Best Product
2024
Innovation Award
2024
People's Choice
2024
Top Rated
2024
Best Product
2024
Innovation Award
2024
People's Choice
2024
Top Rated
2024
Event Announcements
Vibrant event ticker
Technology Stack
Modern tech stack showcase
React
Next.js
TypeScript
Tailwind
Node.js
React
Next.js
TypeScript
Tailwind
Node.js
Vertical News Feed
Vertical scrolling news cards