---
title: "SplitScreenCarousel — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Dulaj Design · Carousels. The ultimate interactive team show"
canonical: "https://framer.elliotli.dev/component/splitscreencarousel"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/SplitScreenCarousel

# SplitScreenCarousel

The ultimate interactive team show

[View on Framer](https://framer.com/marketplace/components/splitscreencarousel/?via=elliot-li)

![SplitScreenCarousel preview image 1](https://framer.elliotli.dev/og/component/splitscreencarousel/26489c9cc5dc25c3/1600x1200.jpg)

## Summary

The ultimate interactive team show

## Description

### About

SplitSide brings an elegant, highly interactive team showcase layout straight into your Framer projects. Perfect for landing pages, about sections, or portfolio screens, this component splits imagery and typography into a perfectly balanced, responsive layout.

### What it does

It renders a dynamic split screen grid that beautifully pairs team member imagery with contextual text, bios, and links. The component handles custom image column widths, adjusts text alignments, and includes built in navigation arrows and progress tracking indicators.

### What you can customize

-   **Layout & Spacing**: Adjust member counts, individual profile items, panel padding (horizontal and vertical), and custom text max widths to perfectly align with your grid.
    
-   **Image Controls**: Toggle photos to the left, right, or alternating layouts. Fine tune the image column width percentage, component height, and select image fitting options like cover.
    
-   **Typography**: Fully customize font sizes, line heights, letter spacing, and weights for names, roles, and bios. You can even force roles to uppercase for a cleaner aesthetic.
    
-   **Animations**: Switch up photo transitions (like slide) and text transitions (like fade up). Fine tune the transition duration and text stagger speeds, and toggle direction aware movement on or off.
    
-   **Navigation & Extras**: Show or hide progress bars, configure progress bar positions (top or bottom), and align arrows perfectly with customizable styles, sizes, and layout options.
    
-   **Styling & Tags**: Toggle skills or department tags with outline styles, control tag sizes, and fully customize color palettes for backgrounds, names, roles, bios, accents, dividers, and buttons.
    

### Great for

-   Agency about pages
    
-   Corporate team spotlights
    
-   Founder and speaker profiles
    
-   Portfolio creative retrospectives
    
-   High end studio showcase sections
    

### Need help?

Questions or feedback? Reach me anytime: [dulajdilshan766@gmail.com](mailto:dulajdilshan766@gmail.com) or on X @Dulajweb

## Rank history [How rankings work →](/terms#rankings)

-   All · #5271

## Details

- **Author**: Dulaj Design
- **Price**: $15.00
- **Published**: 2026-07-12
- **Updated**: 2026-11-04
- **Added**: 2026-07-12
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow
