---
title: "Nebula vortex — Framer component · Best of Framer"
description: "$30.00 · Framer component · by Avesh Mishra · Galleries. Nebula Vortex is an advanced 3D gallery component that transforms static images into an interactive vortex orbit."
canonical: "https://framer.elliotli.dev/component/nebula-vortex"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Nebula vortex

# Nebula vortex

[View on Framer](https://framer.com/marketplace/components/nebula-vortex/?via=elliot-li)

![Nebula vortex preview image 1](https://framer.elliotli.dev/og/component/nebula-vortex/8dbef69a10eaed4c/1600x1200.jpg)

## Summary

Nebula Vortex is an advanced 3D gallery component that transforms static images into an interactive vortex orbit.

## Description

**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.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-tbsyk37j-a4uF41zNj32il1SB4lFEngvF7RftIO)

## Rank history [How rankings work →](/terms#rankings)

-   All · #5914

## Details

- **Author**: Avesh Mishra
- **Price**: $30.00
- **Published**: 2025-10-08
- **Updated**: 2025-10-08
- **Added**: 2025-10-04
- **Categories**: Galleries

## More like this

-   [Geometry CMS Gallery](/component/geometry-cms-gallery) — Akshay M · $20 — Scroll-Animated Portfolio Gallery
-   [Fluid InfiniteScroll](/component/fluid-infinitescroll) — Atemo Art · $16 — LIQUID / PRISM Gallery
-   [Isometric Gallery](/component/isometric-gallery) — Edi Priatama · $5 — 3D image gallery
-   [HoverExpand Gallery](/component/hoverexpand-gallery) — piyush vichare · $2 — HoverExpand Gallery is a modern Framer component for creating interactive image galleries with smooth hover expansion.