Gravity Portfolio

About Gravity Gallery

A portfolio with weight. Your projects float in an asymmetric 3D composition that responds to the cursor and the scroll. Hover to bring a project closer, click to make it the center of attention with its title, category and link. Optional connection lines, image and video support, and a swipeable depth carousel on mobile. Built with lightweight CSS 3D, no WebGL.

Features

• Asymmetric X/Y/Z composition with seeded variations.

• Camera that follows the cursor.

• Scroll Drift with looping, or Orbit rotation.

• Hover depth: the chosen project comes forward, the rest recede.

• Active project view with title, category, year, counter, link and close.

• Images and video (only the active video plays).

• Optional connection lines accurately attached in 3D.

• Depth carousel on mobile with inertia, snapping and loop.

• Keyboard navigation and native semantics.

• Static composition in the Framer canvas and before hydration.

• Reduced motion and offscreen pause.

• One standalone React + TypeScript file.

• 35 controls in the Framer properties panel

• Respects prefers-reduced-motion

• Renders correctly on the Framer canvas and in export

Created by LUNAUT Studio.