---
title: "Circular UI Slider — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Saadat Ali · Carousels. Features Real-time 3D spatial positioning and rotation Smooth physics-based drag and swipe interactions Smart auto-spacing with equal arc…"
canonical: "https://framer.elliotli.dev/component/circular-ui-slider"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Circular UI Slider

# Circular UI Slider

Connect any UI

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

![Circular UI Slider preview image 1](https://framer.elliotli.dev/og/component/circular-ui-slider/b31011d9ee494013/1600x1200.jpg)

## Summary

Features Real-time 3D spatial positioning and rotation Smooth physics-based drag and swipe interactions Smart auto-spacing with equal arc gap calculations Dynamic depth fading and…

## Description

Add a premium 3D spatial rotating ring layout to your Framer projects with smart depth fading, physics-based swipe interactions, and responsive auto-fill spacing.

## **Features**

-   Real-time 3D spatial positioning and rotation
    
-   Smooth physics-based drag and swipe interactions
    
-   Smart auto-spacing with equal arc gap calculations
    
-   Dynamic depth fading and intelligent z-index sorting
    
-   Adjustable camera tilt and 3D perspective distortion
    
-   Highly optimized requestAnimationFrame performance
    
-   Auto-fill functionality for rapid dynamic content scaling
    
-   Clean integration with native Framer components
    
-   Works perfectly for galleries, portfolios, and spatial UI
    

## **Customization Options**

-   Ring radius and distance
    
-   Camera tilt angle
    
-   3D perspective intensity
    
-   Auto-spin toggle and speed multiplier
    
-   Drag and swipe sensitivity
    
-   Depth fade visibility toggle
    
-   Front-safe fade start angle
    
-   Back-side fade limit angle
    
-   Total slot count for auto-fill
    
-   Fully customizable embedded child content
    

## **How to Use**

-   Drop the Circular UI Slider component onto your Framer canvas
    
-   Connect your native Framer cards, images, or frames as children
    
-   Adjust the ring radius and 3D perspective to fit your specific layout
    
-   Tune the drag sensitivity, camera tilt, and auto-spin speed
    
-   Set your depth fading angles for a realistic spatial effect
    
-   Publish to deliver a highly interactive 3D spatial gallery
    

## **Use Cases**

-   Premium portfolio galleries
    
-   3D product showcases
    
-   Interactive testimonial sliders
    
-   Immersive app feature tours
    
-   Spatial team member directories
    
-   Modern SaaS landing pages
    
-   Dynamic pricing tier displays
    
-   Interactive partner logo clouds
    
-   Dark mode UI environments
    
-   Web3 and futuristic interfaces
    

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

-   All · #787

## Details

- **Author**: Saadat Ali
- **Price**: $8.00
- **Published**: 2026-07-14
- **Updated**: 2026-08-15
- **Added**: 2026-07-14
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view