HaloSlider

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