About LissajousOrbitCarous
Preview - https://lissajousorbitcarousel.framer.website/
About
Lissajous Orbit Carousel introduces a fluid, mathematically driven 3D component that brings dynamic orbital motion to your Framer sites. Perfect for hero banners, experiential portfolios, or landing pages, it allows you to scatter elements across a complex spatial curve.
What it does
It charts a continuous path in 3D space using Lissajous curve math, arranging your items across adjustable horizontal, vertical, and depth planes. The component calculates deep perspective changes on the fly, automatically shrinking background items while scaling up and illuminating foreground cards.
What you can customize
Media & layout: Upload your image assets and assign custom links to each item. Fine-tune the layout by adjusting the total item count and changing the card size to fit your grid perfectly.
Spatial geometry: Control the exact movement width, height, and depth using independent amplitude sliders. Toggle the orbit path line on or off, and alter the fundamental movement shape using distinct ratio presets like the elegant figure eight.
Atmosphere & pacing: Set the orbital rotation speed and adjust the core camera perspective. Tweak the minimum background scale, foreground active scale, and toggle the atmospheric depth fog. You can also define a custom glow color hex code to make the active items pop.
Great for
Immersive luxury agency hero sections
High-end architectural and fashion portfolios
Interactive product feature showcases
Creative agency landing pages
Visualizing complex datasets or testimonials in motion
Share your build
If you build something beautiful with this, please share it on X and tag me @Dulajweb or send it over. I always love seeing how these setups get styled in production.
Need help?
Have any questions, feature ideas, or need assistance getting it configured? Feel free to drop me a line at dulajdilshan766@gmail.com or send a direct message on X @Dulajweb