MOCKUP & DEMO LIBRARY

Websites delivered — and every mockup behind them.

A working archive. Real builds at the top, then the design concepts we saved while making them: the spiral particle field, the living nebula, the ten-act journey, the Men’s Hub and PAR Group finals, and the contractor demo.

WEBSITES DELIVERED

Real builds, running right now.

Every site below was designed, engineered and shipped by PAR Technologys. Open one and scroll to walk through the landing page exactly as it moves.

Luxury E-CommerceLive

MEN'S HUB — The Vault

A cinematic flagship store for men’s jewelry and instruments. The whole shop is one nine-act scroll film — the monogram is drawn by gold particles, products arrive out of the dark, and the checkout never leaves the world.

Nine-act scroll film
Full cart & checkout
Owner panel with live orders

Next.jsReact Three FiberLenisVercel BlobStripe-ready checkout

Corporate · HoldingsLive

PAR Group Global

The parent-company site: a diversified group across construction, technology, aviation and specialist solutions, introduced by a slowly turning gold wireframe world.

Procedural 3D globe
Company & leadership sections
Editorial dark-gold identity

Next.jsReact Three FiberGSAPFramer MotionTailwind

AI & SoftwareLive

PAR TECHNOLOGYS

The site you are on. One conserved particle system carries you through eleven acts — vortex, DNA, brain, neural net, circuitry, stack, products, planet — and finally assembles the brand mark itself.

65,536 GPU-simulated particles
Eleven-act single take
Adaptive quality governor

Next.js 15React Three FiberGPU particle simulationPostprocessingLenis

Trades · ContractorDemo

Copperline Plumbing

A contractor site that behaves like a premium product page: real service depth, honest pricing, emergency call-out flow, and a quiet 3D copper motif running underneath.

Emergency call-out flow
Service & pricing depth
Three saved design routes

Next.js 15React Three FiberTypeScript

MOCKUP & DEMO LIBRARY

Every direction we explored, still running.

We never overwrite a good idea. Each concept explored while designing was frozen as its own version — so a direction we set aside in week two can still be picked up in year two. What you see here is the design; the builds themselves stay with the people who own them.

PAR TECHNOLOGYS

Nebula World

The first world: an enormous drifting nebula the visitor travels inside of, with the copy floating in the cloud.

VolumetricSlow driftOpening act

PAR TECHNOLOGYS

Vortex Intro

Scattered matter falls into a single gravitational vortex — the first version of intelligence gathering itself into one flow.

GravityElliptical spinIntro

PAR TECHNOLOGYS

Fragment Journey

Broken shards of a logo travelling through space and reassembling — the ancestor of the finale you just watched.

ShardsReassemblyJourney

PAR TECHNOLOGYS

Spiral Particle Concept

The living particle field: nine dust rivers spiralling into a clean black centre — luminosity built from density, never from a glowing blob.

Nine riversCurl flowTrue black core

PAR TECHNOLOGYS

ACT I — Birth of Intelligence

Controlled chaos becomes uneven self-organization, then a gravitational living vortex. The core is earned only after order emerges.

600k particlesOrganization frontEarned core

PAR TECHNOLOGYS

ACT II — Intelligence Expanding

The same particles unfold outward into the larger universe. Streams burst into individuals mid-unfold — the vortex was compressed intelligence all along.

UnfoldRevealContinuous flow

PAR TECHNOLOGYS

ACT III — The Living Nebula

The nebula becomes the world: ridged filaments and a finer detail octave, violet-warmed cores over true-black voids, drifting with the camera.

Ridged filamentsCamera driftTrue blacks

PAR TECHNOLOGYS

Ten-Act Particle Journey

The first complete single-system homepage: vortex → DNA → brain → neural net → technology written by dust → products → industries → trust → collapse.

Ten actsOne systemWorld line

PAR TECHNOLOGYS

V2 — Phase One

The rebuilt engine: one conserved 65,536-particle simulation with acts as stations along a single flight route.

Conserved flowFBO simulationStations

PAR TECHNOLOGYS

V2 — Phase Two

The film becomes a website: marketing acts, glass product cards, the inner pages, and the finale that assembles the official mark.

Story layerGlass UIFinale

—

LUXURY RETAIL

MEN'S HUB — Final Mockup

The finished dark-luxury flagship: a gold monogram drawn by particles, cream-and-gold identity, and a full storefront underneath the film.

Cream & goldNine actsFull commerce

—

CORPORATE

PAR Group Global — Final Mockup

The holding-company face of the group: a gold wireframe world, editorial typography and a calm, institutional tone.

Wireframe worldEditorialInstitutional

TRADES

Copperline — Route 02 · Daylight

The route we shipped: a plumbing contractor rebuilt as a premium product page — bright, airy, with copper running through clean water light.

Emergency flowPricing depthCopper motif

TRADES

Copperline — Route 01 · Night

The first saved route: the same contractor brand in a dark, technical key — copper glowing against deep blue instead of daylight.

Dark keyPressure HUDTechnical

TRADES

Copperline — Route 03 · Refined

The last pass over the daylight route — reworked service depth, proof blocks and the areas-served map further down the page.

Service depthProof blocksAreas served

HOW WE WORK WITH CONCEPTS

Nothing good gets thrown away.

Explore in public

Every direction is built for real — never a flat picture. You scroll it before you choose it.

Freeze the version

Each concept is preserved as its own browsable snapshot the moment it is finished.

Keep evolving

The live build moves on. The saved version stays exactly as it was, forever revisitable.

Hand it all over

Source, assets and every saved concept ship with the project. You own the archive too.

Ready when you are.

Start a Project ↺ Watch the journey