Spatial Services

Spatial Services
Spatial Services

About Spatial Services

About Spatial Services

Services as objects in space, not a grid of cards. Spheres, moons, discs, particle objects and abstract forms, partially overlapping and connected by a thread of light. Scroll pins the section and moves the composition sideways with parallax or through it in depth; hover reveals each description and a click opens the details. Gradient, solid or image fills, textures and orbit particles. A horizontal snap rail on phones, keyboard support and reduced motion included.

Features

• Five object types: Sphere, Moon, Disc, Particle Object and Abstract Object.

• Gradient, solid colour or image fills, with Noise, Grain, Lines or Dots textures.

• Orbit particles and a connecting thread of light.

• Pinned lateral scroll with parallax, or a depth scroll through the services.

• Hover growth and descriptions; expandable details with list and link.

• Keyboard navigation that brings each service into view.

• Horizontal scroll-snap rail on mobile.

• Automatic fallback when pinning is not possible.

• Reduced motion and offscreen pausing.

• One standalone React + TypeScript file.

• 25 controls in the Framer properties panel

• Respects prefers-reduced-motion

• Renders correctly on the Framer canvas and in export

Created by LUNAUT Studio.