---
title: "Dual Axis Compare — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Shouvik Biswas · Carousels. 2-Way Image Comparison Slider"
canonical: "https://framer.elliotli.dev/component/dual-axis-compare"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Dual Axis Compare

# Dual Axis Compare

2-Way Image Comparison Slider

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

![Dual Axis Compare preview image 1](https://framer.elliotli.dev/og/component/dual-axis-compare/1e3d6f043c8b286d/1600x1200.jpg)

## Summary

2-Way Image Comparison Slider

## Description

The most advanced bi-directional image comparison slider on the marketplace, driven by fluid spring physics. Designed to showcase visual transformations with seamless horizontal or vertical tracking.

## Features

-   Horizontal & Vertical Axes for precise alignment with specific layouts and device orientations.
    
-   Drag & Hover Interactions for adaptable, frictionless user engagement models.
    
-   Fluid Spring Physics for smooth, weight-aware dragging and cursor tracking.
    
-   Persistent Pointer Capture for unbroken interaction even when the cursor moves outside the component boundaries.
    
-   Z-Index Layering Hierarchy for flawlessly concealing labels behind the sliding handle at extreme edges.
    
-   Adjustable Starting Position for directing immediate visual focus to specific image details upon load.
    
-   Contextual Label Alignment for automatic, direction-aware typography placement.
    
-   Extended Typography Configuration for complete typographic control and brand synchronization.
    
-   Custom Text Inputs & Visibility Toggles for tailoring or hiding the before/after indicators.
    
-   Precise Offset & Padding Adjustments for exact spatial control over individual text badges.
    
-   Frosted Glass Blurs (Labels & Handle) for applying depth-aware, premium material styling over complex imagery.
    
-   Toggleable Arrow or Custom SVG Upload for integrating bespoke brand assets into the interaction point.
    
-   Customizable Handle Scale & Border for fine-tuning the visual weight of the central interaction node.
    
-   Configurable Divider Line Thickness for establishing clear or subtle separation between visual states.
    
-   Comprehensive Shadow & Color Settings for ensuring high contrast and legibility across any image pairing.
    
-   Global Corner Radius for shaping the outer container to seamlessly match the surrounding interface language.
    

## How to Use

-   Drop the component into your Framer canvas.
    
-   Upload your images and configure the component properties.
    
-   Publish your project to view your component live.
    

_Shape visual comparisons with fluid, physics-driven precision._

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

-   All · #4906

## Details

- **Author**: Shouvik Biswas
- **Price**: $8.00
- **Published**: 2026-07-17
- **Updated**: 2026-08-05
- **Added**: 2026-07-17
- **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