Skip to content

component

TiltHalo

By 8ighty8

Details

Summary

About this component 🎛️ TiltHalo is an interactive circular image gallery that arranges images in a rotating halo formation.

Description

About this component 🎛️ TiltHalo is an interactive circular image gallery that arranges images in a rotating halo formation. It features smooth 3D tilt interactions that respond to mouse movement, automatic rotation capabilities, and a focus mode that allows users to view individual images in an enlarged overlay with blur effects applied to the background Key Features ✨ Circular arrangement of images with customizable radius and image dimensions 3D tilt effect with spring-based physics for buttery smooth animations Auto-rotation with adjustable speed Focus mode with click-to-enlarge functionality and blurred overlay Dynamic flip animations on image hover with customizable duration, scale, and rotation Fully customizable appearance including colors, blur amounts, and border radius Responsive tilt that only activates when hovering over the circular area Smooth transitions between states using Framer Motion Perfect for 🔥 Portfolio showcases and art galleries, product carousels with eye-catching presentations, creative agency websites seeking unique image displays, interactive brand experiences and landing pages, photo galleries needing an engaging, modern interface, and any project requiring a distinctive circular layout with premium interactions. Questions❓ If you have any questions or need clarification, feel free to reach out before completing your order. hello@8ighty8.studio Follow me on X @8ighty8studio If you find this component useful, and want to support me. You can buy me coffee 😊

Introduction

3D circular gallery

Rank history

Daily rank per list, from the first snapshot — lower is better.

11001200130008/148/228/309/79/15
  • All · #2827