Preloader & HeroCode Only (No Figma)Code Only

New Order Spatial Studio Preloader & Hero

Minimalist interior architecture showcase with split-word preloader expansion, boxed grid navigation, and live archive thumbnail carousel.

Free

Download Free (.zip)↗Live Demo ↗

Pure code template (Figma design file not included)

Interactive Motion ShowcaseNext.js, GSAP

About this component

A brutalist interior architecture showcase. Features an expanding split-word preloader that blooms into a full-screen interior slider with boxed grid navigation and an interactive bottom thumbnail carousel.

Features

✓100% Free for personal and commercial projects
✓Split-word 'NEW ORDER' reveal with smooth image expansion
✓Boxed grid segmented navigation with mobile drawer
✓Interactive bottom interior carousel with automated progress timer

Technologies

Next.jsGSAP

What is included

•Pure Next.js code package (No Figma file included)
•Full component TSX code and assets
•MIT commercial license