3D Experience

Shoes Box

Shoes Box

A 3D sneaker-browsing experience — an interactive R3F grid with holographic shaders.

Interactive3D / WebGL144 shoes
Shoes Box
About

What it is

Shoes Box is a stunning 3D sneaker-browsing experience, showing 144 shoes (Nike + New Balance) in an interactive 3D grid that moves smoothly.

Built with React Three Fiber and custom GLSL shaders (holographic cards and a topology background) with a minimap and a Dynamic Island control bar — a showcase of modern web capabilities.

Features

What makes it stand out

Interactive 3D grid

Browse 144 shoes in an animated 3D grid.

Holographic shaders

Cards with a holographic effect and a GLSL topology background.

Filters & collections

Filter by brand (Nike/New Balance), colour and price.

Minimap

A minimap and a Dynamic Island control bar for navigation.

Futuristic design

A modern interface that shows off the product cinematically.

High performance

A smooth WebGL experience in the browser.

Panels

Sides & panels

Each site has more than one side: for the customer, for admin, and for operations.

Storefront

The 3D experience

Browse the shoes in an interactive 3D scene with filters and collections.

Built with
Next.js 16React Three FiberGLSLCloudflare Pages
Owner review

In the owner's words

This is unlike any shoe site I've seen — people spend minutes just playing with the 3D grid. It made the brand feel premium and futuristic.

YO
Youssef Nabil
Creative Lead, Shoes Box
Instagram
More work

See more projects

All work

Want a site like this?

We'll design your professional site and deliver it in 48 hours — no monthly fees.

Talk to us on WhatsApp