el-carousel

Name: el-carousel
Availability: InStock
Author: jiaiyan

Create image and content carousels in Vue 3 apps with Element Plus.

21|2|Updated Mar 13, 2026

Search Tags:#ui #vue #component #slides #carousel #element-plus #carousel-item

Ready to run

npx skills add https://github.com/jiaiyan/element-plus-skills --skill el-carousel

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: el-carousel
Source: https://github.com/jiaiyan/element-plus-skills/tree/main/components/el-carousel
Command: npx skills add https://github.com/jiaiyan/element-plus-skills --skill el-carousel

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a reusable carousel component to display image slides, banners, or rotating content within a constrained UI space.

Core Features & Use Cases

Reusable UI component: easy integration of el-carousel with slides.
Flexible configuration: supports indicators, arrows, autoplay, direction, and type "card".
Use Case: show product galleries, testimonials, or promo banners.

Quick Start

Create an el-carousel with multiple el-carousel-item slides to showcase a simple image slider.

Frequently Asked Questions about el-carousel

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I create a Vue 3 image carousel using Element Plus?▼

Configure el-carousel with el-carousel-item slides to automate rotating content presentation. It supports attributes like height, autoplay, interval, and direction for flexible Vue 3 image galleries.

Can I configure autoplay and slide direction for Element Plus carousels?▼

Configure el-carousel attributes like autoplay, interval, and direction to automate rotating content presentation. It supports indicators, arrows, and the card type for flexible Vue 3 image galleries.

Do I need any external dependencies to use el-carousel in my Vue 3 app?▼

No external dependencies are required beyond the Element Plus framework in a Vue 3 app. The el-carousel component integrates directly to display rotating slides without additional libraries.

What is the best way to display rotating banners in a constrained dashboard UI?▼

Using a carousel component is the best way to display rotating banners in a constrained UI. It automates sequential slide presentation, making it ideal for product pages and dashboards.

How do I programmatically control slides in a Vue 3 carousel?▼

Control Vue 3 carousel slides programmatically using supported events, slots, and exposed component methods. This enables dynamic manipulation of the el-carousel presentation state.