HaloSlider
A minimal orbit slider with subtle 3D motion and halo-like depth transitions.
Made with Workshop
Build your own component with AI
About this Component
HaloSlider is a modern 3D carousel that arranges your slides along a smooth horizontal arc, creating a subtle halo-likemotion 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
