---
title: "DualView — Framer component · Best of Framer"
description: "$25.00 · Framer component · by Sherif Alabi (CraftVra Studio) · Text. DualView is a premium showcase component designed for brands that need to tell a story alongside their visuals."
canonical: "https://framer.elliotli.dev/component/dualview"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/DualView

# DualView

Premium Split-Screen Showcase

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

![DualView preview image 1](https://framer.elliotli.dev/og/component/dualview/8a772ad74691f7f1/1600x1200.jpg)

## Summary

DualView is a premium showcase component designed for brands that need to tell a story alongside their visuals.

## Description

**Live Preview:** [**https://dualview-component.framer.website/**](https://dualview-component.framer.website/)

DualView is a premium showcase component designed for brands that need to tell a story alongside their visuals. I originally engineered this for a high-end luxury project, building it to deliver a sophisticated, magazine-like reading experience on the web.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ewmh9lq2-kdSl8th4vANZIdyFD1AedXCNjpfyYZ)

The component features a bold split-screen architecture. On the left, high-resolution imagery smoothly expands and transitions, while the right side anchors your synchronized typography, specifications, and thumbnail navigation. It comes pre-built with 6 customizable slides, making it the perfect presentation layer for tech products, automotive showcases, and creative portfolios.

### Key Features:

-   **Dynamic Split-Screen:** A highly editorial layout that perfectly balances large-scale imagery with descriptive typography.
    
-   **Expanding Image Interactions:** Buttery-smooth motion design that expands your active image for maximum visual impact.
    
-   **Thumbnail Navigation:** Elegant, integrated thumbnail controls for quick and intuitive browsing.
    
-   **Smart Responsiveness:** Automatically transforms from a sleek horizontal split on desktop to a highly optimized, vertical stacking layout on tablet and mobile.
    
-   **Content Ready:** Includes 6 dedicated slide slots, perfect for deep-dive product tours or high-ticket portfolio pieces.
    

### Easy to Customize:

-   Zero-code setup directly in the Framer properties panel.
    
-   Easily swap images, text, and CTAs without touching the component master.
    
-   Fully customizable typography and color styles to match your brand's aesthetic.
    

### Ideal for:

-   Industrial Design & Tech Showcases
    
-   Automotive & Luxury Goods
    
-   Creative Agency Portfolios
    
-   Editorial Landing Pages
    

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

-   All · #10315

## Details

- **Author**: Sherif Alabi (CraftVra Studio)
- **Price**: $25.00
- **Published**: 2026-04-17
- **Updated**: 2026-04-29
- **Added**: 2026-04-08
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos