Real EstateComplete build, demo data

Aurora Estates

Three hundred residences on one screen, arranged as a rotating ring you steer with the cursor — browsing as a single continuous gesture.

A property portal is normally a filter form and a wall of cards. Turning the inventory into one ring you move through makes scale feel like luxury instead of admin.

BlackPearl build — luxury property portal

Pages
/demos/aurora-estates/index.html

Live and clickable — use the nav inside it, or open it in its own tab ↗

300
Residences
5
Pages
0
Dependencies

Design system

Aurelis

Its own system

aurora-estates-ring-gallery/tokens — the exact copy the shipped build links

Values below are read out of the system’s own stylesheet at runtime, not copied into this page.

Palette

What moves

  • —An elliptical ring of 160 panels idles, and follows the cursor as you move
  • —Hovering a panel cross-fades its residence into the centre of the ring
  • —Clicking locks a property and reveals its detail call-to-action
  • —Grid view flips the same collection into an editorial list
  • —Filter overlay narrows by category, city, status and bedrooms

Built with

Vanilla JSCSS 3DAurelis tokensZero dependencies

Suits

Luxury residential · Property portal

Want this one, for you?

Nothing here is reskinned. Aurora Estates sets the tone; the type, palette, grid and copy get rebuilt against your brand.

Start with Aurora Estates