About MacBook Carousel
About
MacBook Carousel is a responsive device mockup and media slider for presenting websites, apps, portfolios, product screens, and case studies inside a detailed MacBook frame. Showcase up to 30 images or videos with synchronized captions, layered side previews, spring transitions, autoplay, drag and touch swipe, arrows, pagination dots, keyboard navigation, and optional links on every slide.
What you can customize
Use Framer’s property panel to add images or muted videos and edit titles, subtitles, poster images, links, focal positions, and Fill or Fit behavior. Customize the laptop body, bezel, screen, notch, camera, reflections, side cards, captions, arrows, dots, counter, autoplay, looping, swipe, keyboard and trackpad controls, responsive sizing, spacing, shadows, and motion. This responsive Framer code component includes reduced-motion support and requires no external dependencies.
Great for (examples)
Use it wherever visual work deserves a more immersive presentation:
Website and app showcases
UI/UX portfolios and case studies
SaaS product demos
Product tours and feature presentations
Agency and studio project galleries
Dashboard and software previews
Photography and motion portfolios
Launch pages and hero sections
Client project presentations
Share your build
If you ship something cool with it, post it on X and tag me @Matthias_Oel, or send it over. I’d love to see what you create.
Need help?
Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.
Need a matching component?
Looking for more ways to present and navigate your work?
