← All Components
Carousels

Screen Carousel

Free

A carousels component built for Framer. Live preview below — interact with it directly before you buy.

Screen Carousel
If it saves you time, a small tip is always appreciated.Donation

About Screen Carousel

Screen Carousel is a Framer component designed to present videos and images in a minimal, modern screen frame. Built for modern websites, it supports autoplay, smooth transitions, responsive behavior, and full property controls for customization.

Features

  • Media carousel — load up to 3 videos and 2 images, define playback order freely with the Order array control
  • Animated transitions — Slide (horizontal/vertical) and Fade between media items with smooth easing
  • Progress bar — subtle indicator synced to video playback and image duration timers
  • Clean screen frame — minimal, universal screen-style UI suitable for any device context
  • Interactive motion — smooth hover-based micro interactions for a modern feel
  • Responsive layout — adapts perfectly across breakpoints without breaking proportions
  • Auto-sizing — ResizeObserver-based scaling fits the component into any Framer layout automatically
  • Demo mode — live controls for switching size, layout, and transition type directly in canvas

Use Cases

  • SaaS landing pages
  • Web app showcases
  • Portfolio hero sections
  • Agency presentations
  • Product demo sections
  • UI/UX case study presentations

Best value

Get every component with All-Access — $129

Screen Carousel and all 122 others, current and future.

Get All-Access