PreviewFeatures
Built with Embla Carousel for smooth performance
Touch and swipe gestures for mobile devices
Autoplay with customizable intervals
Infinite loop mode for continuous scrolling
Keyboard navigation with arrow keys
Customizable navigation dots and arrow buttons
Shadcn/ui Carousel - Figma Component
A carousel with motion and swipe built using Embla. This Figma component is part of our comprehensive design system that brings the popular shadcn/ui library into your design workflow.
Every Carousel variant includes all the necessary states, properties, and styling options you need to create consistent, production-ready designs. The component seamlessly integrates with your existing Figma files and maintains full compatibility with the shadcn/ui React implementation.
Your questions, answered
Browse all 58 components
Accordion
Alert Dialog
Alert
Aspect Ratio
Avatar
Badge
Breadcrumb
Button Group
Button
Calendar
Card
Carousel
Chart
Checkbox
Collapsible
Combobox
Command
Context Menu
Data Table
Date Picker
Dialog
Drawer
Dropdown Menu
Empty
Field
Form
Hover Card
Input Group
Input OTP
Input
Item
Kbd
Label
Menubar
Native Select
Navigation Menu
Pagination
Popover
Progress
Radio Group
Resizable
Scroll Area
Select
Separator
Sheet
Sidebar
Skeleton
Slider
Sonner
Spinner
Switch
Table
Tabs
Textarea
Toast
Toggle Group
Toggle
Tooltip
Designing carousels in Figma
The shadcn/ui figma Carousel includes navigation arrows, dots, and swipe gestures. Design image galleries, product showcases, and hero sections in Figma with all the states you need. This shadcn figma component matches the Embla Carousel implementation perfectly.
Carousel navigation and controls
Design carousel controls in Figma with the shadcn/ui figma component—arrow buttons, dot indicators, and autoplay controls. Prototype complete carousel interactions showing how users navigate through slides in your designs.
Mobile carousel design
This shadcn figma Carousel includes touch gesture support optimized for mobile. Design swipeable galleries and product carousels in Figma with proper touch targets and snap points that feel natural on any device.
Carousel layouts and variants
The shadcn/ui figma Carousel supports single and multiple slides per view. Design responsive carousels in Figma that adapt from one slide on mobile to multiple slides on desktop, perfectly matching the shadcn/ui implementation.