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.

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: [email protected] or on X @Matthias_Oel.

Need a matching component?

Looking for more ways to present and navigate your work?

Explore all components →