5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T831,

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 @8ighty8studioIf you find this component useful, and want to support me. You can buy me coffee 😊

5a:[["$","$L5d",null,{"post":{"id":"0199caf4-f446-7523-862b-95bdcbee448e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a83173ad-5f15-43db-8009-8e385e3afb23","name":"8ighty8 ","slug":"8ighty8studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1195396/avatar-JpjcptqpIxVC5OLV2QPzParLLUBxnY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"6aRA6uS37ntB9MBUuX6C","resolved":true,"title":"TiltHalo","body":"$5e","bodyJson":null,"introduction":"3D circular gallery","slug":"tilthalo","author":{"framerUserId":"a83173ad-5f15-43db-8009-8e385e3afb23","name":"8ighty8 ","slug":"8ighty8studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1195396/avatar-JpjcptqpIxVC5OLV2QPzParLLUBxnY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/6aRA6uS37ntB9MBUuX6C/tilthalo-Bj5pIwM8fQOmU5Mpj6J6OEfbriL19v","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-02T04:09:02.692Z","updatedAt":"2026-03-27T16:44:03.416Z","publishedAt":"2025-10-09T21:51:15.014Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/TiltHalo-W2qM.js@BP6eo5xQbrhv2N1qQb5K","previewUrl":"https://communicative-role-031809.framer.app/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"BP6eo5xQbrhv2N1qQb5K","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":21,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-09T21:51:15.014Z","updatedAt":"2025-10-09T21:51:15.014Z","reported":false}}],"$L5f"]

Suggested for you