Syncfusion React Carousel

You're getting a comprehensive implementation guide for Syncfusion's React Carousel component, covering everything from basic image galleries to product carousels and testimonial sliders. The skill walks through four indicator types (dots, fractions, progress bars), animation effects, auto-play configuration, and keyboard navigation with full WCAG 2.2 compliance. It includes practical sections on data binding, custom templates, and even WebP optimization for performance. Use this when you need more than a basic slideshow and want features like partial visible slides, pause on hover, or swipe gestures out of the box. The documentation is thorough, maybe more than you need for simple cases, but that's the point if you're building something production-ready with accessibility requirements.

Install to Claude Code

npx -y skills add syncfusion/react-ui-components-skills --skill syncfusion-react-carousel --agent claude-code