Nebula Vortex is an advanced 3D gallery component that transforms static images into an interactive vortex orbit. Images circle around a customizable center point and respond to cursor proximity with depth, scale, and rotation — creating a smooth, premium, futuristic showcase effect.
Whether you’re designing a portfolio, landing page hero, or interactive background, NebulaVortex adds an immersive motion system that feels alive and reactive.
Features & Properties
Images – Upload a set of images to showcase.
Image Count – Choose how many images display in the orbit (2–36). Fewer = more spacing.
Radius – Controls orbit size; larger radius creates a wider orbit circle.
Center X/Y – Offset the orbit center horizontally or vertically.
Image Width & Height – Define the dimensions of each image in pixels.
Border Radius – Round the image corners (0 = square, higher = softer edges).
Tangent Offset – Rotate images along the orbit (90° points them outward).
3D Interaction Controls
Proximity Distance – Sets how far from the cursor the 3D effects begin.
Max/Min Scale – Define size change when cursor is close vs far (e.g., 1.5 = 150%).
Max/Min Translation – Control how much images move forward/backward in 3D space.
Max Rotation X/Y – Define the tilt angles (horizontal + vertical) when reacting to cursor.
Animation Controls
Spring Stiffness – Controls responsiveness of 3D motion (higher = snappier).
Spring Damping – Adjusts bounce/oscillation (higher = less bounce).
Spring Mass – Weight of the animation (higher = heavier/slower).
Where to Use
Portfolio Galleries – Showcase projects, case studies, or artwork.
Landing Pages – Add a futuristic hero animation that responds to visitors.
Product Displays – Highlight product shots or logos in an interactive orbit.
Backgrounds – Create a live, moving ambient effect behind text or UI.
With full customization and real-time cursor interaction, Nebula Vortex is built for premium interactive web experiences that impress clients and audiences alike.
Avesh Mishra
