syncfusion-javascript-carousel
OfficialBuild responsive image carousels quickly
Authorsyncfusion
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It removes the repeated, error-prone work of implementing responsive, accessible carousel sliders by providing concrete patterns, API guidance, and production-ready examples tailored to Syncfusion JavaScript controls.
Core Features & Use Cases
- Responsive image and content galleries: build product showcases, hero banners, portfolios, and news tickers with responsive layouts.
- Playback and navigation controls: configure autoplay, per-item intervals, play/pause controls, previous/next buttons, and multiple indicator styles.
- Animation, accessibility and templates: choose Slide/Fade/None/Custom animations, enable keyboard and touch support, use WAI-ARIA best practices, and apply item templates or data binding for dynamic content.
- Use Case: Create an e-commerce product carousel that uses per-item intervals, custom item templates, and keyboard navigation for improved accessibility and conversion.
Quick Start
Create a Syncfusion Carousel with three image slides, enable autoPlay with a 3000ms interval and Fade animation, then append it to the element with id carousel.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: syncfusion-javascript-carousel Download link: https://github.com/syncfusion/javascript-ui-controls-skills/archive/main.zip#syncfusion-javascript-carousel Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.