← Back to All Demos

Antigravity Hero

3D perspective grid with mouse-interactive distortion and wave pulses. Three modes: Horizon (receding floor), Hallway (infinite tunnel), and Room (enclosed box with back wall). Move your cursor over each section.

7
Variations
3
Perspectives
WebGL
Renderer
01 of 07Horizon — Cyan
pa_ah_perspective = horizonpa_ah_color_primary = 00ffffpa_ah_distortion = 1pa_ah_grid_scale = 20pa_ah_speed = 0.5

Welcome to the Grid

Interactive 3D perspective grid that responds to your cursor. Built for hero sections, landing pages, and immersive headers.

02 of 07Horizon — High Distortion
pa_ah_perspective = horizonpa_ah_color_primary = ff6600pa_ah_distortion = 3pa_ah_grid_scale = 15pa_ah_speed = 0.8

Push the Limits

Maximum distortion with dense grid and fast animation. Content stays perfectly readable above the effect.

03 of 07Hallway — Matrix Green
pa_ah_perspective = hallwaypa_ah_color_primary = 00ff41pa_ah_distortion = 1.5pa_ah_grid_scale = 18pa_ah_speed = 0.6

Into the Tunnel

Hallway perspective creates an infinite tunnel with floor, ceiling, and walls converging to a vanishing point.

04 of 07Hallway — Neon Pink
pa_ah_perspective = hallwaypa_ah_color_primary = ff0080pa_ah_distortion = 2pa_ah_grid_scale = 12pa_ah_speed = 1.0

Full Speed

Dense grid with high distortion in hallway mode. A bold, high-energy backdrop for launches, events, and creative showcases.

05 of 07Room — Purple
pa_ah_perspective = roompa_ah_color_primary = 8b5cf6pa_ah_distortion = 0.5pa_ah_grid_scale = 20pa_ah_speed = 0.3

Subtle Elegance

Room mode with a visible back wall creates an enclosed, intimate space. Perfect for portfolios and creative agencies.

06 of 07Room — Cyan
pa_ah_perspective = roompa_ah_color_primary = 00ffffpa_ah_distortion = 1pa_ah_grid_scale = 16pa_ah_speed = 0.5

Inside the Box

The back wall gives the grid a sense of enclosure. Walls, floor, and ceiling converge to a visible boundary.

07 of 07Room — Warm Gold
pa_ah_perspective = roompa_ah_color_primary = ffaa00pa_ah_distortion = 0.8pa_ah_grid_scale = 22pa_ah_speed = 0.4

Golden Chamber

Warm gold tones in an enclosed room. Refined and inviting for premium content sections.

01
Horizon — Cyan
Floor plane receding to the distance with balanced distortion.
pa_ah_perspectivehorizon
pa_ah_color_primary00ffff
pa_ah_distortion1
bg_typenone
full_heightfull
02
Horizon — High Distortion
Intense orange floor grid with heavy warping.
pa_ah_perspectivehorizon
pa_ah_color_primaryff6600
pa_ah_distortion3
bg_typenone
full_heightfull
03
Hallway — Matrix Green
Infinite tunnel with all four sides converging.
pa_ah_perspectivehallway
pa_ah_color_primary00ff41
pa_ah_distortion1.5
bg_typenone
full_heightfull
04
Hallway — Neon Pink
Dense tunnel grid with hot pink accent. High energy.
pa_ah_perspectivehallway
pa_ah_color_primaryff0080
pa_ah_distortion2
bg_typenone
full_heightfull
05
Room — Purple
Enclosed room with visible back wall. Subtle and elegant.
pa_ah_perspectiveroom
pa_ah_color_primary8b5cf6
pa_ah_distortion0.5
bg_typenone
full_heightfull
06
Room — Cyan
Classic cyan in a bounded room. Walls converge to a visible back wall.
pa_ah_perspectiveroom
pa_ah_color_primary00ffff
pa_ah_distortion1
bg_typenone
full_heightfull
07
Room — Warm Gold
Warm gold tones in an enclosed room. Refined and premium.
pa_ah_perspectiveroom
pa_ah_color_primaryffaa00
pa_ah_distortion0.8
bg_typenone
full_heightfull

All Available Options

Perspective
Horizon (floor recedes to distance)Hallway (infinite tunnel)Room (enclosed box with back wall)
Mouse
Mouse Enabled: YesMouse Enabled: No
Mobile
FullReducedDisabled
Controls
Wave SpeedDistortion StrengthGrid DensityColor