---
title: "HaloSlider — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Pantelis Tassopoulos · Carousels. HaloSlider is a modern 3D carousel that arranges your slides along a smooth horizontal arc, creating a subtle halo-like…"
canonical: "https://framer.elliotli.dev/component/haloslider"
---

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

# HaloSlider

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

![HaloSlider preview image 1](https://framer.elliotli.dev/og/component/haloslider/8dc9d35e5f1d4eda/1600x1200.jpg)

## Summary

HaloSlider is a modern 3D carousel that arranges your slides along a smooth horizontal arc, creating a subtle halo-like motion with depth, perspective, and soft transitions.

## Description

**HaloSlider** is a modern 3D carousel that arranges your slides along a smooth horizontal arc, creating a subtle _halo-like_motion with depth, perspective, and soft transitions.

The focused slide stays sharp and vibrant, while the surrounding ones gently fade into blur and grayscale for a clean, minimal, cinematic look.

Designed for portfolios, product shots, hero sections, and any layout that benefits from elegant motion.

### Features

-   Smooth orbit animation with depth & 3D perspective
    
-   Magnetic hover-tilt on the focused slide
    
-   Keyboard navigation (←/→)
    
-   Optional autoplay with configurable interval
    
-   **Customizable dots:** size, active dot color, inactive dot color
    
-   Adjustable spacing, angle, depth, card size & border radius
    
-   Optional arrow navigation with customizable styling
    
-   Soft shadows for a premium visual feel
    
-   Fully responsive — scales to any Framer frame automatically
    
-   Works seamlessly inside any Framer project
    

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

-   All · #10034

## Details

- **Author**: Pantelis Tassopoulos
- **Price**: $5.00
- **Published**: 2025-11-20
- **Updated**: 2025-11-20
- **Added**: 2025-11-08
- **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